<a href="http://www.365php.net/study/2-htmlbaisc/4-html02.html"target="blank">HTML标签 -365PHP培训与交流平台 </a>
上次我们讲解了HTML是什么?下面开始学习HTML重要的知识点HTML标签
HTML标签是用来标记HTML元素的,标签用<和>符号包围,HTML标签对大小写不敏感,<a>和<A>的作用相同。
HTML标签的格式:
- <标签名></标签名>:<html></html>、<p></p>、<div></div>,标签必须成对出现,一个开始一个结束好比一个容器,一对标签中还可以嵌套其他标签
- <标签名 />:<img />、<br />、<hr />,单独标签不要要结束标签,但是需要使用/>来关闭标签
注意事项,编写HTML代码需要遵守W3C组织制定的标准,HTML本身语法是松散的,而且没有语法检查,如果你没有按照HTML规范编写也不会报错,但是不标准的编写会影响到HTML代码在不同浏览器中输出的效果,为了能获得一致的用户体验,提醒大家要严格遵守编写HTML规范,详细的内容我们后面会讲到。
HTML全架构标签
- <html>
- <head>
- <title>365PHP</title>
- </head>
- <body>
- </body>
- </html>
<html>
<head>
<title>365PHP</title>
</head>
<body>
</body>
</html>
- <html>:定义HTML文档
- <head>:定义文档头
- <body>:定义文档主体
- <title>:定义文档标题
常用HTML标签
1.标题:<h1>至<h6>标签定义。<h1>定义最大的标题,<h6>定义最小的标题
- <h1>这里是365PHP</h1>
- <h2>这里是365PHP</h2>
- <h3>这里是365PHP</h3>
- <h4>这里是365PHP</h4>
- <h5>这里是365PHP</h5>
- <h6>这里是365PHP</h6>
<h1>这里是365PHP</h1>
<h2>这里是365PHP</h2>
<h3>这里是365PHP</h3>
<h4>这里是365PHP</h4>
<h5>这里是365PHP</h5>
<h6>这里是365PHP</h6>
2.段落:<p>标签
- <p>365PHP培训与交流平台 <!—可以不带有</p>标签,但是不要使用这种写法,请注意不要忘记关闭标签 -->
- <p>365PHP培训与交流平台</p>
<p>365PHP培训与交流平台 <!—可以不带有</p>标签,但是不要使用这种写法,请注意不要忘记关闭标签 -->
<p>365PHP培训与交流平台</p>
3.换行:<br>标签,当你打算结束一行,又不想开始一个新段落时,<br>标签就派上用场了。
- 这里是365PHP培训与交流平台<br>
- 欢迎光临!<br />
这里是365PHP培训与交流平台<br>
欢迎光临!<br />
大家会发现我们上面的<br>标签有两种写法,非常相似,我们应该选用哪种编写时正确的?
很明显应该是第二行的<br />写法是符合标准的写法,因为<br>标签没有结束标签,所以这里要加入一个关闭操作,才不会违反编写标准
4.HTML注释:<!-- -->标签用于在HTML代码中插入注释。注释会被浏览器忽略,我们可以使用注释对代码进行解释
- <!— 此页面是由365PHP整理编写 -->
<!— 此页面是由365PHP整理编写 -->
基本的注意事项
- 我们编写的HTML代码在本地输出是正常的效果,并不代表在其他地方输出的效果跟你的一致,浏览器软件和版本、显示屏尺寸、屏幕分辨率都是会影响输出效果的因素,所以在编写HTML代码时尽量不要通过在文本中添加空行和空格来进行页面排版。
- 浏览器在解释输出HTML代码时,会裁掉文本中所有的空格效果,任何数量的空格都被按一个空格计算,另外HTML代码中的一个空行也会被当做一个空格。
- 换行操作尽量要使用<br>标签,不要使用空的<p>段落标签。
- 大家会发现,成对出现的标签在没有结束标签的情况下可以正常使用,不过不要这样做,一切的编写为了标准。
阅读本文的人还阅读:
365PHP,中国PHP在线培训第一品牌
本文365PHP版权所有,未经批准转载必究。