(一) 了解HTML
HTML指的是超文本标记语言是用来描述网页的一种语言。可以使用 HTML 来建立自己的 Web 站点,HTML 运行在浏览器上,由浏览器来解析。
1) HTML不是一种编程语言,而是一种标记语言,它有一套标记标签 。
2) HTML使用标记标签来描述网页。
3) HTML文档包含了HTML标签及文本内容,HTML文档也叫做 Web 页面。
4) HTML文档的后缀名包含.html .htm
(二)HTML基本结构
1)<html> 标签:
<html> 元素定义了整个 HTML 文档。
<html>
……
</html>
2)<head>标签:
<head> 元素必须包含文档的标题(title),可以包含样本、脚本、meta元数据信息以及其他更多的信息。
<html>
<head> …. </head>
</html>
3)<body>标签:
<body> 元素定义文档的主体。 <body> 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)。
<html>
<head></head>
<body></body>
</html>

(三)HTML元素
HTML 文档由 HTML 元素定义。
HTML 元素以开始标签起始,以结束标签终止,元素的内容是开始标签与结束标签之间的内容。
HTML 文档由嵌套的 HTML 元素构成。
1)HTML标签分类
单标签:<hr />、<input type=”text” />等
双标签:<html></html>、<head></head>等
2)HTML标签关系
包含(嵌套)关系:<head> <title></title> </head> 父子关系,<title>嵌套在<head>中<head>为父、<title>为子。
并列关系:<html> <head></head> <body></body> </html> 兄弟姐妹, <head>与<body>并列同级于<html>中,<head>和<body>是兄弟关系。在并列关系的例子中,<head>和<body>两者与<html>也是父子关系。
3)HTML空元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。例如,<br> 就是没有关闭标签的空元素,<br> 标签定义折行(换行)。在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法。
4)书写
HTML 标签对大小写不敏感:<P>等同于 <p>。但是建议使用小写标签
(四)HTML属性
1)属性是 HTML 元素提供的附加信息。
2)HTML 元素可以设置属性
3)属性可以在元素中添加附加信息
4)属性一般描述于开始标签
5)属性总是以键值对(名称/值)的形式出现,比如:name=”value”。( 键:值的编号或名称。 值:要存放的数据。)
6)属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。在某些个别的情况下,比如属性值本身就含有双引号,那就必须使用单引号
7)属性和属性值对大小写不敏感。
常用属性:
属性 | 描述 |
---|---|
class | 为 html 元素定义一个或多个类 |