最近在学习h5,今天先整理一部分HTML常用的一些标签,刚入门,很多知识还不是很熟悉,请大家多多指教。
1、标题标签,包含<h1></h1>,<h2></h2>,<h3></h3>,<h4></h4>,<h5></h5>,<h6></h6>代码如下
![](https://img.haomeiwen.com/i1896086/6d74f1421330e5db.png)
效果图如下:
![](https://img.haomeiwen.com/i1896086/17e54ed5dd2b24b8.png)
2、段落标签,使用<p></p>,代码如下图:
![](https://img.haomeiwen.com/i1896086/3bf8f51313778ed8.png)
效果图如下:
![](https://img.haomeiwen.com/i1896086/0e8c241baf1ab152.png)
3、输入框标签,就跟OC中的textfiled类似,使用<input>实现,具体代码如下:
![](https://img.haomeiwen.com/i1896086/ac57fd4dd546b940.png)
效果图如下:
![](https://img.haomeiwen.com/i1896086/c531db8c7655a56c.png)
其中<br>是换行标签,input有好几种格式,需要的可以去为w3school中去查找
5、超链接标签,使用的是<a></a>,代码如下:
![](https://img.haomeiwen.com/i1896086/fdb6c84e399d704d.png)
超链接标签需要在<a>里面写链接地址,而且需要在<a></a>中加入带有超链接的文本,如果不写文本,我们根本看不到我们写的超链接
6、图像标签,使用<img src="">效果图如下:
![](https://img.haomeiwen.com/i1896086/17485df84d95921a.png)
这个里面写的是绝对路径,但是,还有相对路径,相对路径是在文件项目中的路径,直接写图片在工程中的路径就可以了,效果图如下;
![](https://img.haomeiwen.com/i1896086/3316080863b046ca.png)
我们还可以根据自己的需求去更改图像的大小,使用width和height就可以了,具体的后续会持续更新。
7、列表标签,代码如下:
![](https://img.haomeiwen.com/i1896086/53e1d8e6cc5192de.png)
效果图如下:
![](https://img.haomeiwen.com/i1896086/68d258f5cb8c03a6.png)
9、容器标签,使用的是<div></div>,代码如下:
![](https://img.haomeiwen.com/i1896086/155fae47401657c6.png)
效果图如下:
![](https://img.haomeiwen.com/i1896086/4e0b37c116b17643.png)
网友评论