2021-10-31

标题第一周html入门学习笔记

html 结构
基本结构如下：

各部分的含义：

< !–文档类型–>
<! Doctype html>`

< !-- 根标签 -->
< html>< /html>

< html>< /html> 用于告知浏览器其自身是一个 HTML 文档，< /html> 标记标志着 HTML 文档的开始，< /html> 标记标志着 HTML 文档的结束，在他们之间的是文档的头部和主体内容。

< !-- 向搜索引擎表示该页面是html语言，并且语言为英文网站 -->

这个主要是给搜索引擎看的，搜索引擎不会去判断该站点是中文站还是英文站，所以这句话就是让搜索引擎知道，你的站点是中文站，对 html 页面本身不会有影响。

< !-- html文档头部分 -->
< head>< /head>

主要用来封装其他位于文档头部的标记。一个 HTML 文档只能含有一对 < head> 标记，绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。

< !-- 网页的标题 -->
< title>< /title>

< title> 标记用于定义HTML页面的标题，< title>< /title> 之间的内容将显示在浏即给网页取一个名字，必须位于 < head> 标记之内。一个HTML文档只能含有一对 < title>< /title> 标记，将显示在浏览器窗口的标题栏中。

< !-- html结构的主体部分 -->
< body>< /body>

< body> 标记用于定义 HTML 文档所要显示的内容，也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于 < body> 标记内，< body> 标记中的信息才是最终展示给用户看的。

一个HTML文档只能含有一对 < body> 标记，且 < body> 标记必须在 < html> 标记内，位于 < head> 头部标记之后。

标签的分类
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如 < html>；
HTML 标签通常是成对出现的，比如 < b> 和 < /b>；
标签对中的第一个标签是开始标签，第二个标签是结束标签；
开始和结束标签也被称为开放标签和闭合标签；
HTML标记—双标记
双标记也称体标记，是指由开始和结束两个标记符组成的标记。其基本语法格式如下：

<标记名></标记名>
< !-- 例如： -->
< body>< /body>

该语法中 <标记名> 表示该标记的作用开始，一般称为 开始标记（start tag），</标记名> 表示该标记的作用结束，一般称为 结束标记（end tag）。和开始标记相比，结束标记只是在前面加了一个关闭符 /。

HTML标记—单标记
单标记也称空标记，只有开始标签没有结束标签：

<标记名>
< !-- 例如： -->
<! doctype html>

标签关系
嵌套关系：类似父亲和儿子之间的关系
< html>
< head>
< title>< /title>
< /head>
< body>< /body>
< /html>

并列关系：类似与兄弟之间的关系
< head>< /head>
< body>< /body>

html 标签介绍
单标签
文本注释标签
< !-- 文本注释标签 Ctrl+/ -->
文本换行标签
你好< br>我来自中国

效果演示：

你好
我来自中国

横线标签
< hr>

效果演示：

双标签
段落标签
< p>
这是一行文字
< /p >
< p>
这也是一行文字
< /p >

标题标签
注意：标题标签只能取到数字 1-6

< h1>这是一个标题1< /h1>
< h2>这是一个标题2< /h2>
< h3>这是一个标题3< /h3>
< h4>这是一个标题4< /h4>
< h5>这是一个标题5< /h5>
< h6>这是一个标题6< /h6>

文本标签
< font>< /font>
例如：

< font size=“10” color=“red”>
优美的文字
< /font>

文字斜体
这行字是斜的

快捷键：