HTML入门笔记1③可以用来划分网页的内容，使结构更加完整。全局属性的定义：HTML 中所有标签的都有的属性，称为全局

一、HTML的由来

1、HTML表示：超文本标记语言，是一种用于创建网页的标准标记语言；

2、HTML是1990年由Tim Berners-Lee创建；

二、HTML起手式

HTML起手式如下：

<html lang="zh-CN">

  <head>

    <meta charset="UTF-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Document</title>

  </head>

  <body></body>

</html>

三、常用章节标签

1、h1~h6

①h1~h6表示标题；

②<h1>表示一级标题，一级标题很重要，它的内容关乎到搜索引擎的排名，一个页面中只能有一个<h1>；一般只使用<h1>、<h2>、<h3>；

2、section

①<section>表示章节，定义文章中的一个章节内容,表示这个部分的内容为一个整体；

3、article

①<article>表示文章，标记指定独立的，自包含的内容；

②可在<article>中包含多个<section>；

3、p

①<p>表示段落；

②<p>标签是一个块级元素，代表文章的一个段落；

③下面代码就是一个简单的段落

<p>我很开心</p>

4、header

①表示顶部标签，通常包含一组介绍性的或是辅助导航的实用元素；

5、footer

①表示页脚，一般放置于页面底部，用于描述作者信息、版权或置底链接；

<footer>&copy;饥人谷版权所有</footer>

6、main

①<main>是标签指定文档的主要内容；

7、aside

①表示旁支内容，用来展示和其余页面内容几乎无关的部分;

8、div

①是一个通用标签，表示一个区块；

②它没有语义，如果网页需要一个块级元素容器，又没有其他合适的标签，就可以使用这个标签；

③可以用来划分网页的内容，使结构更加完整。

三、全局属性

全局属性的定义：HTML 中所有标签的都有的属性，称为全局属性。

1、class

①一个以空格分隔的元素的类名（classes）列表，它允许 CSS 和 JavaScript 通过类选择器来选择和访问特定的元素；

2、contenteditable

①在标签中使用<contenteditable>后，页面可直接被用户编辑；

3、hidden

①可以被用来隐藏一个页面元素，使用后浏览器不会呈现此类元素；

4、id

①定义唯一标识符，该标识符在整个文档中必须是唯一的；

②但是即便出现相同的id内容，HTML也是允许执行不报错的；

（故一般不采用id，使用class进行代替）

5、style

①包含应用到元素的 CSS 样式声明；

②此处的CSS样式是内联样式，具有优先级；

③CSS样式需写入<style>标签中；

6、tabindex

①指示其元素是否可以聚焦，以及它是否/在何处参与顺序键盘导航，通常是用tab键。

②tabindex 可以是正数，不必是连续的，Tab键会按序进行聚焦访问；

③tabindex 可以是 0，表示最后才被 tab 访问；

④tabindex 可以是 -1，表示不可被 tab 访问；

7、title

①可以表示网页名称。

四、内容标签

1、ol+li

①它的全称为：ordered+list item，表示有序列表；

②ol中只能存在li标签；

2、ul+li

①它的全称为：unorderd+list item，表示无序列表；

3、dl+dt+dd

①它的全称为：description list+term+data，描述列表；

②dt中包含描述的对象，dd中包含描述的内容；

<dl>
 <dt>Coffee</dt>
 <dd>Black hot drink</dd>
 <dt>Milk</dt>
 <dd>White cold drink</dd>
</dl>

4、pre

①它的全称为：preview；

②在HTML默认格式中，多个空格或换行都视为一个空格，pre可保留空格和换行符；

5、hr

①它是一个HTML页面中的水平线，表示HTML页面中的一个专题终断；

6、br

①它的全称是：break;

②它是一个换行符；

7、a

①它的全称是：anchor;

②使用a标签可以创立一个超链接：

href：指向链接跳转的目标地址，可以写一个相对路径也可以是一个完整地址；
```
<a href="https://xiedaimala.com/">写代码啦</a>
```
a标签中的target属性可以用来设置打开链接的位置;
可选值：
_self:表示在当前窗口打开（默认值）
_blank:表示在新的窗口打开

可选值：
	_self:表示在当前窗口打开（默认值）
	_blank:表示在新的窗口打开

<a href="https://xiedaimala.com/" target="_self">写代码啦</a>
<a href="https://xiedaimala.com/" target="_blank">写代码啦</a>

8、em

①它的全称是：emphasis，表示强调（语气）；

9、strong

①和em相对，它表示强调（内容）；

10、code

①<code>用于定义的一段代码；

11、q

①它的全称是：quote;表示定义短的引用，但不会换行；

12、blockquote

①对应q，块级引用，自己会换行。