前端入门（一）

HTML

• HTML(Hypertext Markup Language)超文本标记语言。
• 它负责网页的三个要素之中的结构。
• HTML使用标签的形式来标识网页中的不同组成部分。
• 所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面。

    
    


    
网页正文

---

标签

• HTML中的标记指的就是标签。
• HTML使用标记标签来描述网页。
• 结构：

<标签名>标签内容标签名>

---

元素

• 我们还将一个完整的标签称为元素。
• 这里我们可以将元素和标签认为是一个同一词。

一级标题

上边的h1我们就称为元素

我是一个段落

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

    
内容

• body 也是一个元素。
• body 是p和em的祖先元素。
• p 和em是body的后代元素。

---

属性

• 可以为HTML标签设置属性。
• 通过属性为HTML元素提供附加信息。
• 属性需要设置在开始标签或自结束中。
• 属性总是以名称/值对的形式出现。
• 比如:name = 'value'
• 有些属性可以是任意值，有些则必须是指定值。

标题

常见属性

• id

  -id属性作为标签的唯一标识，在同一个网页中不能出现相同的id属性值。

• class

  -class属性用来标签分组，拥有相同class属性的标签我们认为就是一组，可以出现相同的class属性，可以为一个元素指向多个class。

• title

  -title属性用来指定标签的标题，指定title以后，鼠标移动到元素上方时，会出现提示文字。

---

注释

• HTML注释中的内容不会在网页中显示。
• 格式：

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

---

• THIS PERIOD END