HTML
-
HTML(Hypertext Markup Language)
超文本标记语言
。 - 它负责网页的三个要素之中的
结构
。 -
HTML使用
标签
的形式来标识网页中的不同组成部分。 - 所谓超文本指的是超链接,使用
超链接
可以让我们从一个页面跳转到另一个页面。
<!-- 一个最基本的HTML页面-->
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF - 8">
<title>网页标题</title>
</head>
<body>
<h1>网页正文</h1>
</body>
</html>
标签
-
HTML中的标记指的就是
标签
。 - HTML使用标记标签来描述网页。
- 结构:
<
标签名
>标签内容</标签名
>
</标签名>
元素
- 我们还将一个完整的标签称为
元素
。 - 这里我们可以将元素和标签认为是一个同一词。
<h1>一级标题</h1>
上边的h1我们就称为元素
<p>我是一个<em>段落</em></p>
p也是一个元素,em是p的子元素
,p是em的父元素
。
<body>
<p><em>内容</em></p>
</body>
- body 也是一个元素。
- body 是p和em的
祖先元素
。 - p 和em是body的
后代元素
。
属性
- 可以为HTML标签设置
属性
。 - 通过属性为HTML元素提供附加信息。
- 属性需要设置在
开始标签
或自结束
中。 - 属性总是以
名称/值对
的形式出现。 - 比如:name = 'value'
- 有些属性可以是任意值,有些则必须是指定值。
<h1 title='我是一个标题'>标题</h1><img src=''' alt=''/>
常见属性
-
id
-id属性作为标签的唯一标识,在同一个网页中不能出现相同的id属性值。
-
class
-class属性用来标签分组,拥有相同class属性的标签我们认为就是一组,可以出现相同的class属性,可以为一个元素指向多个class。
-
title
-title属性用来指定标签的标题,指定title以后,鼠标移动到元素上方时,会出现提示文字。
注释
- HTML注释中的内容不会在网页中显示。
- 格式:
<!--注释内容-->
- 合理使用注释可以帮助开发人员理解网页的代码。
- 注释不能嵌套!!!
-
THIS PERIOD END