常用的HTML标签

最近在学习h5,今天先整理一部分HTML常用的一些标签,刚入门,很多知识还不是很熟悉,请大家多多指教。

1、标题标签,包含<h1></h1>,<h2></h2>,<h3></h3>,<h4></h4>,<h5></h5>,<h6></h6>代码如下


标题书签代码

效果图如下:


标题书签效果图

2、段落标签,使用<p></p>,代码如下图:


段落标签代码

效果图如下:


段落标签效果图

3、输入框标签,就跟OC中的textfiled类似,使用<input>实现,具体代码如下:


输入框标签

效果图如下:


效果图

其中<br>是换行标签,input有好几种格式,需要的可以去为w3school中去查找

5、超链接标签,使用的是<a></a>,代码如下:


超链接标签

超链接标签需要在<a>里面写链接地址,而且需要在<a></a>中加入带有超链接的文本,如果不写文本,我们根本看不到我们写的超链接

6、图像标签,使用<img src="">效果图如下:


图像标签代码

这个里面写的是绝对路径,但是,还有相对路径,相对路径是在文件项目中的路径,直接写图片在工程中的路径就可以了,效果图如下;


图像标签效果图


我们还可以根据自己的需求去更改图像的大小,使用width和height就可以了,具体的后续会持续更新。

7、列表标签,代码如下:


列表标签代码

效果图如下:


列表代码图

9、容器标签,使用的是<div></div>,代码如下:


容器标签代码

效果图如下:


容器标签效果图
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,962评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,828评论 19 139
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,408评论 4 61
  • 很少有人愿意谈及关于死亡的话题,但是不可否认的是:凡经历出生者,必将经历死亡。正如恩格斯所说:凡是存在的东西都将消...
    叫我徐公子阅读 3,262评论 0 0
  • 爱摄影的人,手机里舍不得删的照片太多。每次换手机总该腾移一番,又是垂气,一而再、再而三再留下来的照片是不止一张的。...
    拼拼黑凤梨阅读 3,375评论 1 3

友情链接更多精彩内容