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注释中的内容不会在网页中显示。
• 格式: <!– 注释内容 –>
• 合理的使用注释可以帮助开发人员理解网 页的代码。
• 注释不能嵌套!
想要了解跟多关于web前端培训课程内容欢迎关注尚硅谷web前端培训,尚硅谷除了这些技术文章外还有免费的高质量web前端培训训课程视频供广大学员下载学习
上一篇: 前端培训Vue之双向数据绑定
下一篇: 前端培训基础之编码问题