HTML学习笔记——(三)HTML元素和属性

时间:2022-11-18 10:53:50

HTML元素
HTML文档由HTML元素构成
HTML元素指的是从开始标签(start tag)到结束标签(end tag)之间的所有代码。

1.从开始标签起始,到结束标签终止,之间为元素的内容
2.有些HTML元素具有空内容,空元素在开始标签中进行关闭,即以开始标签的结束位结束
3.大多数HTML元素具有属性

HTML元素的嵌套
大多数的HTML元素是可以嵌套的,即可以包含其他HTML元素

实例解释:
<p>元素

<p>This is my first paragraph.<p>

<p>元素定义了一个段落
<p>元素的开始标签是<p>,结束标签是</p>,元素内容是:This is my first paragraph.

<body>元素

<body>
<p>This is my first paragraph.</p>
</body>

<body>元素定义了HTML文档的主体
开始标签是<body>,结束标签是</body>,内容是另一个HTML元素(p元素)

<html>元素

<body>
<p>This is my first paragraph.</p>
</body>

</html>

<html>元素定义了整个HTML文档
开始标签是<html>,结束标签是</html>,内容是另一个HTML元素(body元素)

空元素
没有内容的HTML元素被称为空元素,空元素在开始标签中关闭,如:<br/> 定义换行,是空元素,“/”表示关闭标签

大小写问题
HTML标签对大小写不敏感,但是建议小写标签

HTML属性
HTML标签可以拥有属性。
属性的作用:提供了有段HTML元素的更多信息
属性总是在HTML元素的开始标签中定义的,总是以名称/值对的形式出现,比如:name=“value”

实例:
1.<h1>定义标题的开始
居中排列标题

<h1 aligen="center">This is heading 1.</h1>

2.<body>定义HTML文档的主体
改变背景颜色

<body bgcolor="yellow">黄色的背景</body>

3.<table>定义HTML表格
<table border="1">拥有关于表格边框的附加信息

大小写问题
属性和属性值对大小写不敏感,但是建议使用小写的属性/属性值

属性值加引号问题
属性值应该始终被包含在引号内,常用双引号,也可用单引号,但是属性值本身就具有双引号的时候就必须使用单引号,如:

name='Bill "HelloWorld" Gates'

完整的HTML5属性手册