HTML入门笔记1

Hello 大家好！我是 Cathy 海希。今天来为大家介绍一下 HTML 的一些初级入门知识。

HTML 是谁发明的？

HTML 是由伯纳斯-李于 1991 年第一次公布于世，因为他被英国授予了爵士奖，方方老师给这位先生取了一个很亲切又很好记的名字，叫做“李爵士”😂 注意李爵士是英国人，不是中国人哈。

HTML 起手应该写什么

  • 首先，我们得告诉浏览器，我这个文件是 HTML 文件。
  • 然后这个网页使用什么语言。p.s.谷歌翻译就是依据我们定义的语言进行翻译的。
  • 文件使用的字符编码。
  • 网页作为一个标签页显示出来的名字等等。

在 VS CODE 里面，我们只需要! + tab便可以获得以上的基本格式，不需要自己动手去敲。 VS CODE界面

常用的表章节的标签

HTML5 的标签有 110 多个，但是常用的就是那么 30 来个，所以我们不必要追求一次性记忆所有的标签，可以在做项目的时候遇到新的再去学习。不过以下这些常用的标签，我们还是需要记住的。

  • h1~h6 用于显示各级标题。
  • section 表示一个包含在 HTML 文档中的独立部分，它没有更具体的语义元素来表示，一般来说会有包含一个标题。
  • article 表示文档、页面、应用或网站中的独立结构。
  • main 呈现了文档或应用的主体部分。
  • aside 表示一个和其余页面内容几乎无关的部分。 等等。

全局属性

全局属性是所有 HTML 元素共有的属性; 它们可以用于所有元素，即使属性可能对某些元素不起作用。 常见的包括：

  • class
  • contenteditable
  • hidden
  • id
  • style
  • tabindex
  • title 等等。

常用的内容标签

  • <hr> 水平分割线，代表章节、文章或其他长内容中段落之间的分隔符。
  • <br> 换行。
  • <pre> HTML 内部的多个空格都会被缩成一个，用这个标签的话就是告诉 HTML 我是有意而为之，不要缩减我的空格。
  • <q> 代表内联的引用 。
  • <blockquote> 代表引用自其他来源的内容。
  • <ol> 定义一个有序列表。
  • <ul> 定义一个无序列表。
  • <li>定义列表中的一个列表项，作为和的内容项。
  • <dl> + <dt> + <dd> 定义一个定义列表（包含术语和其定义）。 等等。

总结

这个部分虽然是有些枯燥，但是该记住的内容还是需要记住的。让我们通过反复的练习把所有东西装进脑子里吧。🧠

See you next time!