这篇博客详细介绍了HTML的基础知识，包括HTML的简介、基本标签、元素、属性、标题、段落、样式和引用。讲解了如何使用HTML创建网页，强调了样式设置和文本格式化的各种方法，如背景颜色、字体、对齐方式以及引用和图像的展示。此外，还涵盖了HTML表格的使用。
文章目录
HTML教程
1.HTML简介
什么是 HTML？
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言，而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词，比如 < html >
- HTML 标签通常是成对出现的，比如 < b > 和 < /b >
- 标签对中的第一个标签是开始标签，第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
HTML 文档 = 网页
- HTML 文档描述网页
- HTML 文档包含 HTML 标签和纯文本
- HTML 文档也被称为网页
例子：
<html>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>例子解释：
<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落
2.HTML基础
基本的HTML标签- - -四个实例：
HTML 标题
HTML 标题（Heading）是通过
<h1> - <h6> 等标签进行定义的
eg:
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>HTML 段落
HTML 段落是通过 <p> 标签进行定义的。
eg:
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>HTML 链接
HTML 链接是通过 <a> 标签进行定义的。
eg:
<a href="http://www.w3school.com.cn">This is a link</a>HTML 图像
HTML 图像是通过 <img> 标签进行定义的。
eg:
<img src="w3school.jpg" width="104" height="142" />
#图像的名称和尺寸是以属性的形式提供的。
3.HTML元素
HTML 文档是由 HTML 元素定义的。
HTML 元素
HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
| 开始标签 | 元素内容 | 结束标签 |
|---|---|---|
| < p > | this is a paragraph | < /p > |
| < a href =“default.htm”> | this is a link | < /a > |
| < br/ > |
注释：开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）。
HTML 元素语法
- HTML 元素以开始标签起始
- HTML 元素以结束标签终止
- 元素的内容是开始标签与结束标签之间的内容
- 某些 HTML 元素具有空内容（empty content）
- 空元素在开始标签中进行关闭（以开始标签的结束而结束）
- 大多数 HTML 元素可拥有属性
嵌套的 HTML 元素
大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。
HTML 文档由嵌套的 HTML 元素构成。
<!--此例子包含三个HTML元素-->
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>4.HTML属性
属性为 HTML 元素提供附加信息。
HTML 属性：
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现，比如：name=“value”。
属性总是在 HTML 元素的开始标签中规定。
更多 HTML 属性实例：
属性例子 1:
<h1>
最低0.47元/天 解锁文章
5万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
