HTML读书笔记

HTML的读书笔记

概述

Jack

2023.10.23

参考网站：

w3school 在线教程

HTML 头部 | 菜鸟教程

本教程已教你如何使用 HTML 创建站点。

HTML 是一种在 Web 上使用的通用标记语言（并不是类似Python一样的编程语言）。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。

HTML 的关键是标签，其作用是指示将出现的内容。

声明有助于浏览器中正确显示网页。用于表明使用的HTML的版本，因为HTML1991年就诞生了，一直在不断地升级；

目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。

HTML 编辑器推荐：VS Code：Visual Studio Code - Code Editing. Redefined

在线编辑器：HTML/CSS/JS 在线工具 | 菜鸟工具

可以将文档保存为test.html，放进D盘，然后把D:/test.html放进浏览器就可以显示出来HTML的效果。

VS code编译器：

Run and Debug

View > Run (Ctrl+Shift+D)

浏览器的页面右击，点击查看网页源代码，显示出来的就是HTML标记内容；

注释：

基础

这是一个标题

这是一个段落。

这是一个链接

元素

HTML 元素以开始标签起始

HTML 元素以结束标签终止

元素的内容是开始标签与结束标签之间的内容

HTML 文档由相互嵌套的 HTML 元素构成。

元素：

这是第一个段落。

元素定义了整个 HTML 文档。

这个元素拥有一个开始标签 ，以及一个结束标签 .

元素内容是另一个 HTML 元素（body 元素）。

标签定义换行

HTML 标签对大小写不敏感：

等同于

属性

HTML 元素可以设置属性

属性可以在元素中添加附加信息

属性一般描述于开始标签

属性总是以名称/值对的形式出现，比如：name="value"。

这是一个链接

href="http://www.runoob.com 这个属性就放在元素的开始；

菜鸟教程 - 学的不仅是技术，更是梦想！属性值应该放在双引号中；

标题

标题（Heading）是通过

-

标签进行定义的。

定义最大的标题。

定义最小的标题。

段落

段落是通过

标签定义的。

这是一个段落

这是另一个段落

可以换行

注意，浏览器忽略了源代码中的排版（省略了多余的空格和换行）。在HTML文件中对文字进行换行，空格操作没有意义，需要在CSS中进行描述。

HTML 文本格式化

这个文本是加粗的

这个文本是加粗的

这个文本字体放大

这个文本是斜体的

这个文本是斜体的

这个文本是缩小的

这个文本包含

_下标

HTML 链接

HTML 使用超级链接与网络上的另一个文档相连。

HTML中的链接是一种用于在不同网页之间导航的元素。

链接通常用于将一个网页与另一个网页或资源（如文档、图像、音频文件等）相关联。

链接允许用户在浏览网页时单击文本或图像来跳转到其他位置，从而实现网页之间的互联。

HTML使用标签 来设置超文本链接。

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分

在标签 中使用了 href 属性来描述链接的地址。

本文本 是一个指向万维网上的页面的链接。

HTML

元素包含了所有的头部标签元素。在 元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。

可以添加在头部区域的元素标签为:

可见文本...

基本标签（Basic Tags）

最大的标题

. . .

. . .

. . .

. . .

最小的标题

这是一个段落。

（换行）

---

（水平线）

文本格式化（Formatting）

粗体文本

计算机代码

强调文本

斜体文本

键盘输入

预格式化文本

更小的文本

重要的文本

（缩写）

（联系信息）

（文字方向）

（从另一个源引用的部分）

（工作的名称）

（删除的文本）

（插入的文本）

_{（下标文本）}

^{（上标文本）}

HTML – XHTML

XHTML 是以 XML 格式编写的 HTML。更加规范，适应小设备。

如何将 HTML 转换为 XHTML

添加一个 XHTML 到你的网页中

添加 xmlns 属性添加到每个页面的html元素中。

改变所有的元素为小写

关闭所有的空元素

修改所有的属性名称为小写

所有属性值添加引号