使用的教程
HTML 简介

HTML 编辑器

HTML 基础
- HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的。
- HTML 段落是通过标签 <p> 来定义的。
- HTML 链接是通过标签 <a> 来定义的。
<a href="https://www.runoob.com">这是一个链接</a>
- HTML 图像是通过标签 <img> 来定义的.
<img src="/images/logo.png" width="258" height="39" />
HTML 元素
-
不要忘记结束标签
image.png
HTML 属性
- 属性有很多, https://www.runoob.com/tags/ref-standardattributes.html
- HTML 提示:使用小写属性 属性和属性值对大小写不敏感。
-
image.png
HTML 标题
- 标题(Heading)是通过 <h1> - <h6> 标签进行定义的。
- <h1> 定义最大的标题。 <h6> 定义最小的标题。
-
标签在 HTML 页面中创建水平线。 - 这个是注释
HTML 段落
- 段落是通过 <p> 标签定义的。
- 如果您希望在不产生一个新段落的情况下进行换行(新行),请使用
标签: - 对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。

HTML 文本格式化

HTML 链接
-
HTML 链接 - target 属性
image.png

** HTML <head>
- HTML <head> 元素
- HTML <title> 元素
- 定义了浏览器工具栏的标题
- 当网页添加到收藏夹时,显示在收藏夹中的标题
- 显示在搜索引擎结果页面的标题
HTML <base> 元素
- <base> 标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接:
HTML <link> 元素
-
<link> 标签定义了文档与外部资源之间的关系。
image.png
HTML CSS

https://www.runoob.com/try/try.php?filename=tryhtml_styles
HTML 图像
- alt 属性用来为图像定义一串预备的可替换的文本。
HTML 表格
https://www.runoob.com/html/html-tables.html
HTML 列表
HTML <div> 和<span>
HTML 布局
HTML 字符实体
HTML 中的预留字符必须被替换为字符实体。
一些在键盘上找不到的字符也可以使用字符实体来替换。
网友评论