HTML元素简介说明
html元素指
一个开始标签到闭合标签之间的所有代码,
如:<div>***</div>
之间所有内容及自身称之为一个html div元素
或
一个单标签,如:</br >
注意事项:
1.html文档由一个一个html元素组成
2.有些html元素可以嵌套html元素
3.html元素的结束标签非常重要,在html编写时,一定不能忘记
否则会出现一些意外(如:显示样式千奇百怪)
4.在XHTML、XML及未来版本HTML中,所有元素都必须使用关闭标签
常见的HTML元素
开始标签 * | 元素内容 | 结束标签 * |
<p> | linux28段落标签 | </p> |
<a href="index.html"> | linux28作者定义的超链接 | </a> |
<br> | 换行标签 | |
<div> | 盒子模型 | </div> |
html元素语法说明
1.HTML元素使用开始标签起始
2.HTML元素以结束标签终止
3.元素的内容是开始标签与结束标签之间的内容
4.某些HTML元素具有空内容
5.空元素在开始标签中进行关闭(以开始标签的结束而结束)
6.大多数HTML元素都拥有属性
HTML文档示例
<!DOCTYPE html>
<html>
<body>
<div>我是一个盒子模型
< br />
<p>我被div包含的段落</p>
</div>
</body>
</html>
上例代码解析
<div> 元素:
盒子模型,可以包含很多html元素
<p> 元素:
<p>我被div包含的段落</p>
<p> 元素为HTML文档定义一个段落
并将这个段落放入到div盒子模型中
元素内容为: 我被div包含的段落
<body>元素:
<body>
<div>我是一个盒子模型
< br />
<p>我被div包含的段落</p>
</div>
</body>
<body>元素:
定义HTML文档的主体
html中所有的元素内容都会放入到body元素
<html>元素:
<html>元素定义整个HTML文档
html元素拥有一个开始标签 <html>
及一个结束标签 </html>
HTML空元素
我们将没有内容的html元素称之为空元素
常见的空元素都是单标签,直接在开始标签中关闭
例:空元素的示例
<br>:
换行标签,她是一个空元素,在开始标签中关闭
关闭空元素的正确方法,在开始标签的后面加上斜杠即可
如:
<br />
html标签大小写使用建议
由于html标签对大小写不敏感
无论大小写都可以正常识别
如:<br /> 和 <BR />
都可以
但是笔者还是推荐大家全部使用小写标签
因为未来的XHTML版本中会限制所有标签都小写