前端培训基础HTML

HTML

• HTML（Hypertext Markup Language）超文本标记语言。

• 它负责网页的三个要素之中的结构。

• HTML使用标签的的形式来标识网页中的不同组成部分。

• 所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面。
• 一个最基本的HTML页面：

<!DOCTYPE html> <html>

<head>

</head>

<body>

</body>

</html>
标签

• HTML中的标记指的就是标签。

• HTML使用标记标签来描述网页。

• 结构： <标签名>标签内容</标签名>
<标签名 />
元素

• 我们还将一个完整的标签称为元素。

• 这里我们可以将元素和标签认为是一个同义词。

上边的h1我们就称为元素

p也是一个元素，em是p的子元素，p是 em的父元素。
<body>

</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注释中的内容不会在网页中显示。

• 格式: <!– 注释内容 –>

• 合理的使用注释可以帮助开发人员理解网页的代码。

• 注释不能嵌套！

想要了解跟多关于web前端培训课程内容欢迎关注尚硅谷web前端培训，尚硅谷除了这些技术文章外还有免费的高质量web前端培训训课程视频供广大学员下载学习

热门视频