前端与 HTML | 青训营笔记

385 阅读2分钟

这是我参与「第五届青训营 」笔记创作活动的第 1 天

今天学习了什么是 HTML,就大概总结一下今天学习的课程

HTML 是什么

HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。换句话说 HTML 就是构建网页的「骨架」,网页里所有的元素都是 HTML 标签构成的,比如说这一段文字就是由 <p> 标签由浏览器渲染出来的。它大概的样子就是这样的

<p>换句话说 HTML 就是构建网页的「骨架」,网页里所有的元素都是 HTML 标签构成的</p>

可以把这句 HTML 文本分成这几个部分

  1. 开始标签(Opening tag):包含元素的名称(本例为 <p>),被左、右角括号所包围。表示元素从这里开始或者开始起作用 —— 在本例中即段落由此开始。
  2. 结束标签(Closing tag):与开始标签相似,只是其在元素名之前包含了一个斜杠(本例中为 </p>)。这表示着元素的结尾 —— 在本例中即段落在此结束。初学者常常会犯忘记包含结束标签的错误,这可能会产生一些奇怪的结果。
  3. 内容(Content):元素的内容,本例中就是所输入的文本本身。
  4. 元素(Element):开始标签、结束标签与内容相结合,便是一个完整的元素。

HTML 属性

属性包含元素的额外信息,这些信息不会出现在实际的内容中。在上述例子中,这个 class 属性给元素赋了一个识别的名字(id),这个名字此后可以被用来识别此元素的样式信息和其他信息。

<p class='my-paragraph'>换句话说 HTML 就是构建网页的「骨架」,网页里所有的元素都是 HTML 标签构成的</p>

一个属性必须包含如下内容:

  1. 一个空格,在属性和元素名称之间(如果已经有一个或多个属性,就与前一个属性之间有一个空格)。
  2. 属性名称,后面跟着一个等于号。
  3. 一个属性值,由一对引号 ("") 引起来。

这就是我今天通过青训营学习和总结出的内容啦,希望能够帮助到你