![9861c822d0610501b0e7ce48f49f871c.png](https://i-blog.csdnimg.cn/blog_migrate/9e862a0b77cd5d0a963365c646d5c80b.jpeg)
在上篇文章中,我简单介绍了下网站构建需要学习涉及的知识点,本章内容将重点讲解:HTML的元素。
什么是HTML的元素呢?
上文已经提到:HTML元素就是HTML语言的关键词及关键词的属性。
编写HTML代码其实就是编写HTML的关键词,并给这些关键词附加属性,从而实现Web读取代码信息后,呈现给用户关键词属性。
例如:<p>我的第一个段落</p>
这句的关键词是什么呢?P!它的属性是什么呢?给它一个开始和结束标签:<p>和</p>并解释“我的第一个段落”文本。让谁解释?让Web解释。
因此,可以这样理解:HTML元素从开始标签起到结束标签止,所有的代码都是HTML的元素。
HTML的元素特性:
1. 以开始标签开始,以结束标签结束;如:<p>与</p>。
2. 开始与结束标签之间的内容,是元素的属性,也可以理解为元素的内容。
3. 某些HTML元素具有空属性,也就是零内容。记住:所有的网络语言,如C、java、HTML等都有空的概念。就好比普通话中有“有”这个字,就有“无”这个字。例如:你没买某件衣服,当别人问你时,你可以说没有,但不能不说话。也就是说:空属性也是一种属性,需要的时候也要存在,可以理解为非空属性是实属性,空属性是虚属性。
<br>就是没有关闭标签的空属性,它定义的是换行。如:
![50d64805d7b3f37f6e34847b40ca886e.png](https://i-blog.csdnimg.cn/blog_migrate/bf1b9763ea5f9d6d79b760bb5a206dad.png)
<html>
<body>
<p>第一段</p>
<br/>
<br/>
<p>第二段</p>
</body>
</html>
我在此中换了两次行,如果没有<br/>会是什么情况呢?你可以自己去尝试一下。
很多读者在此已经发现了:为什么写成<br/>,而不是<br>和</br>呢?
其实以前写成<p>第一段 发现没有</p>某些Web浏览器也能正常读取和运行代码,那是因为某些浏览器能自动补上</p>,但这样书写显然是不规范的,未来没有结束标签就会显示错误,因此还是要养成规范书写。
而空属性有一个特性,在开始标签中关闭。以前人们有这样书写的<br>...</br>,但随着HTML语言的完善和进步,<br/>将变得越来越规范。就好比:编写文字文档(txt格式),你需要点击光标,开始书写“我今天吃饭了”,光标会从开始走到最后,而换行就按下“回车键”即可,光标会回到下一行的开始。
例如:
这样能理解空属性了吗?
例子1:没有<br>标签
<html>
<body>
<p>第一段</p>
<p>第二段</p>
<p>第三段</p>
</body>
</html>
![aea00a473f6d8bc6cc9a284fd256a546.png](https://i-blog.csdnimg.cn/blog_migrate/05d3a42b409899fb6c6110a36d19d9c3.png)
例子2:用<br>...</br>
<html>
<body>
<p>第一段</p>
<br>
<p>第二段</p>
</br>
<p>第三段</p>
</body>
</html>
![907bc817be0d9894bbdf1dc345b6b6bd.png](https://i-blog.csdnimg.cn/blog_migrate/81b5dce534893f56a326875d88aa9e8a.png)
例子3:用<br/>
<html>
<body>
<p>第一段</p>
<p>第二段</p>
<br/>
<p>第三段</p>
</body>
</html>
![e8b38e5d62fec914f94965b060b1aaf8.png](https://i-blog.csdnimg.cn/blog_migrate/0cec03c334f09b8d879249372219f24e.png)
例子4:用<br>和</br>
<html>
<body>
<p>第一段</p>
<p>第二段</p>
<br></br>
<p>第三段</p>
</body>
</html>
![bff1f4b0015abd0583e6789754447eda.png](https://i-blog.csdnimg.cn/blog_migrate/9b1fa2054396c21ad50f6cee9ed95afb.png)
在例子3与例子4比较,例子4的第二段与第三段之间的距离,比例子3多了一空行,什么原因呢?大家可以从这个角度理解:<br>就是占了一行,从<br>开始换行,到</br>结束换行,开始到结束中间还有一行。
写成<p>第二段</p><br></br> 与
<p>第二段</p>
<br></br>
同行与换行书写<br></br>是不是一样呢?大家可以实际操作一下,可以告诉大家效果一样。
大家再看两个例子:
<html>
<body>
<p>第<br/>一段</p>
<p>第<br/>二<br/>段</p>
<p>第三段</p>
</body>
</html>
![0f75da2e2d58505ddb2b0aa495d7d794.png](https://i-blog.csdnimg.cn/blog_migrate/e6eafe1c6537127a6a3a45a2bab8bb62.png)
<html>
<body>
<p>第<br>一段</br></p>
<p>第<br>二</br>段</p>
<p>第三段</p>
</body>
</html>
![0f75da2e2d58505ddb2b0aa495d7d794.png](https://i-blog.csdnimg.cn/blog_migrate/e6eafe1c6537127a6a3a45a2bab8bb62.png)
结果一样!这样写是不是很省事?这也是日后规范性书写的一个目的性之一!
总之,通过例子可以知道:<br>是没有关闭标签的空属性,空属性如果要关闭标签在开始标签关闭即可,规范书写为<br/>,即以开始标签的结束而结束。
4. 大多数HTML元素可以嵌套,即可以包含其他的元素标签。如:例子:<br><p>第二段</p></br> ;元素标签<br>...</br> 可以包含<p>...</p>。
既然是大多数,就表示还有小部分是不能嵌套的。如:<br/>,如果例子写成<br.../>会怎么样呢?如:<br <p>第二段</p> />,运行就会多出一个/>,且不会换行。
5. 区分大小写。
很多人对这个特性不太感冒,原因在于很多浏览器对某些代码不支持大小写,也就是说某些代码大写、小写在某些浏览器中效果一样。但是,本着规范的原则,在日常中就要注意大小写,因为在HTML的发展中,大小写一定会被强制的。因为C语言强制,所以很多语言都会向C语言靠拢,这也是语言丰富的需要。
好了,本章内容到此为止,主要是让大家了解HTML的元素特点,下篇将讲解HTML元素属性。如:name=”value”(
![36977c3fef3841b0e1f04ccf0d293e89.png](https://i-blog.csdnimg.cn/blog_migrate/35f9d4bf964c9b2f938c0e3e9f5cf370.png)
输入状态) 整个都是HTML元素,name是属性的名称,value 是属性的值。