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

Dom树的结构

图片.png DOM 是文档对象模型 (Document Object Model) 的缩写。它是 HTML 文档的对象表示，同时也是外部内容（例如 JavaScript）与 HTML 元素之间的接口。解析树的根节点是Document对象。

html常用标签

h1~h6

h1 ~ h6 这六个标题标签在页面的重要性是不一样的，用户可以通过标题来快速浏览你的网页，所以用标题来呈现文档结构是很重要，应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再次是 h3，以此类推。h 是 header(标题、标头) 的缩写，一般情况下，一个页面只能有一个 h1 标签，而 h2 ~ h6 标签可以有多个，h1 表示的是这个页面最大的标题。

p

p 标签定义段落。元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，形成段落可以自动识别开不同的段落，增加文章可读性。

a

a 标签定义超链接，用于从一个页面链接到另一个页面。最重要的属性是 href 属性，它指定链接的目标。

img

HTML中是由<img>标签定义的，通过它可以导入需要显示的图片。<img>是单标签，它只包含属性，没有结束标签，要记得在“>”结束符号前加"/"自封口。

<img src="被引用图片的地址" alt="图片的代替文本">

有序列表and无序列表

有序列表

<ol> 标签定义了一个有序列表，列表排序以数字来显示。使用<li>标签来定义列表选项。

<ol> ：order list 的缩写，表示有序列表。它可以为列表的每一项进行编号，默认从数字 1 开始。

<li> ：list item 的缩写，表示列表的每一项。列表中还可以包含文本或其它元素，甚至是新的列表。<ol> 中有多少个 <li> 就表示有多少条内容。注意：在使用 <ol> 时，它一般和 <li> 配合使用，不会单独出现。而且不建议在 <ol> 中直接使用除 <li> 之外的其他标签。

图片.png

无序列表

<ul> 标签定义无序列表。将 <ul> 标签与 <li> 标签一起使用，创建无序列表。

<ul> 是 unordered list 的缩写，表示无序列表。默认情况下，无序列表的每一项都使用实心圆符号表示；<li> 同 <ol> 中的 <li> 一样，它也表示列表中的每一项。