2021-07-26

**

什么是 HTML？

**
HTML 是用来描述网页的一种语言。
• HTML 指的是超文本标记语言 (Hyper Text Markup Language)
• HTML 不是一种编程语言，而是一种标记语言 (markup language)
• 标记语言是一套标记标签 (markup tag)
• HTML 使用标记标签来描述网页
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
• HTML 标签是由尖括号包围的关键词，比如
• HTML 标签通常是成对出现的，比如 和
• 标签对中的第一个标签是开始标签，第二个标签是结束标签
• 开始和结束标签也被称为开放标签和闭合标签
HTML 文档 = 网页
• HTML 文档描述网页
• HTML 文档包含 HTML 标签和纯文本
• HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：

#！这里包括标签详细解释和用法，以及标签属性啥的。
· HTML 标题（Heading）是通过

-

等标签进行定义的。生成加粗的标题，

定义最大的标题。

定义最小的标题。浏览器会自动地在标题的前后添加空行。默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。
·

HTML的段落是通过

标签进行定义的。
· HTML的链接通过标签定义。
通过使用 href 属性 - 创建指向另一个文档的链接
通过使用 name/id 属性 - 创建文档内的书签 ，用引用锚。我们将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到其他网页中的锚了。。

在href属性中书写URL，链接会黏连在a标签中间加着的文本上
· HTML图像通过标签进行定义
在src属性中写图片的位置
width和height属性分别标记图片的宽和高
alt属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的
·
换行用。不产生一个新段落的情况下进行换行（新行），请使用
标签：在开始标签中添加斜杠，比如
，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。
·

---

HTML水平线。
· <!--TXT--> HTML的注释
·

 保留了文本里的空格和换行，而且很适合计算机语言代码

·这些标签常用于显示计算机/编程代码

·定义计算机代码

·定义键盘码

·定义打字机代码

· 定义计算机代码样本。

·定义变量

·设置对缩略词语的提示
·

定义长引用文本
使用 blockquote 元素的话，浏览器会插入换行和外边距，浏览器通常会对

元素进行缩进处理。
· 定义短引用， q 元素不会有任何特殊的呈现，但是浏览器通常会为 元素包围引号。

· 定义删除文本
· 定义下划线文本
· _{定义下标字
· ^{定义上标字
· 定义着重文字
· 粗体字
· 大号字
· 斜体字
· 小号字
· 加重语气
· HTML元素定义项目或缩写的定义。
的用法：}}

1. 如果设置了title属性，则定义项目。

   <dfn title=”World Health Organization”>WHO

2. dfn 嵌套了 abbr 则 title定义项目<abbr title =”World Health Organization”>WHO
3. 文本内容即是项目，并且父元素包含定义。

   WHO World Health Organization 成立于 1948 年。

   
   · HTML cite 元素定义著作的标题。浏览器通常会以斜体显示 cite 元素。
   ·

定义表格。参数border设置边框，没有border不显示边框 定义行。

定义表头，制表形式和	一样但是显示粗体居中的文字。
定义单元格。 嵌套层次 &

对于参数colspan，rowspan可以用于标签，效果一致。
效果如下：
Colspan：
Rowspan：
·列表

·
·
·
·
·
·
·
·
·
·
·
·
·······································更加详细的标签请参考 完整的 HTML 参考手册

HTML属性
·属性作用：属性为HTML元素提供附加消息。
·属性格式：名称/值对 比如：name=“value”,属性值应该放在引号内，可以用单引号。
·属性位置：属性总是在HTML的开始元素中规定
·HTML 标准属性参考手册
··························································································································
HTML元素
HTML 文档是由 HTML 元素定义的。HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

HTML 元素语法
• HTML 元素以开始标签起始
• HTML 元素以结束标签终止
• 元素的内容是开始标签与结束标签之间的内容
• 某些 HTML 元素具有空内容（empty content）
• 空元素在开始标签中进行关闭（以开始标签的结束而结束）
• 大多数 HTML 元素可拥有属性
• 嵌套的 HTML 元素。大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。HTML 文档由嵌套的 HTML 元素构成。
• 即使您忘记了使用结束标签，大多数浏览器也会正确地显示，但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。
• 标签建议小写。

HTML CSS
·HTML中的样式
本例演示如何使用添加到 部分的样式信息对 HTML 进行格式化。

·连接外部的CSS

·设置站点样式的策略
1)外部样式表
当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观
2)内部样式表
当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过

是块级元素，是组合其他HTML元素的容器。 内联元素，可用作文本的容器，通常不以新行开始 . HTML类 ·对HTML设置类，使我们能够为元素的类定义CSS样式、 ·为相同的类设置相同的样式，或者为不同的类设置不同的样式。 ·“.”+“class_name”创建类，一个类可以被多个标签重复使用 ·应用在块上的：

·应用在内联上的： 

HTML Id
·作用是为HTML元素指定唯一的id
·一个HTML文档中不能存在多个有相同id的元素（id的值必须唯一）。
• CSS 和 JavaScript 可使用 id 属性来选取元素或设置特定元素的样式
• id 属性的值区分大小写
• id 属性还可用于创建 HTML 书签
• JavaScript 可以使用 getElementById() 方法访问拥有特定 id 的元素
·“#”+“id_name”一个id只能被一个标签使用。
HTML内联框架
在网页中显示隔离页面

属性： height（高） width（宽） frameborder（=”0”不显示边框） name（设置name属性），iframe的name属性值可以被 标签的target属性引用，把iframe作为 链接的显示窗口。