html标签
# 标题
标题很重要
请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。
搜索引擎使用标题为您的网页的结构和内容编制索引。
因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。
这是h1标题
这是h2标题
这是h3标题
这是h4标题
这是h5标题
这是h6标题
# 段落
提示
- 段落是通过
<p>
标签定义的。浏览器会自动地在段落的前后添加空行。(<p>
是块级元素
) - 使用
<br/>
来换行。
这是一个段落。
我换行咯。
# 格式化
提示
HTML 可定义很多供格式化输出的元素,比如粗体和斜体字。可以查看 w3school 教程 (opens new window)
可以结合 css 样式制作各种的样式,制作出更适用的标签。这里的标签主要是一种规范,不同的标签有不同的功能,可以更好的控制其作用。
下面有很多例子,您可以亲自试试:
注意
因为博客主题设置了 css 样式,有些显示可能跟你的样式不一致,这些都是正常的。
# 文本格式化标签
# 计算机输出标签
定义计算机代码
定义键盘码定义计算机代码样本定义变量定义预格式文本
# 引用、引用和术语定义
定义长的引用
定义短的引用语定义著作的标题、引用、引证定义项目或缩略词的定义
# 链接 a 标签
提示
- href 属性规定链接指向的页面的 URL
- 设置了 download 属性,点击图片后会下载图片,download 对应的是图片名。在设置了 download 后, target 属性会被覆盖。
- 完整属性请查看官网 (opens new window)
eastonyangxu 2023-05-18
# 列表
- 无序
- 无序
- 无序
- 无序
# 块
# iframe
提示
iframe 用于在网页内显示网页,把网页内嵌在 iframe 中。w3 教程 (opens new window)
# 头部
提示
<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本,指示浏览器在何处可以找到样式表,提供元信息,等等。w3 教程 (opens new window)
以下标签都可以添加到 head 部分:<title>、<base>、<link>、<meta>、<script> 以及 <style>。
# 表格
提示
表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。表格的表头使用 <th> 标签进行定义。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。w3 教程 (opens new window)
表格结合 css 能有强大的表现,后续再 css 模块演练表格。