HTML入门

最新推荐文章于 2025-05-21 14:08:49 发布

原创最新推荐文章于 2025-05-21 14:08:49 发布 · 193 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML

HTML 专栏收录该内容

2 篇文章

订阅专栏

HTML？什么是HTML

超文本标记语言（标记语言不是编程语言）
超文本？——核心：文本文件；扩展：可以间接的表示图片、音频、视频等二进制数据
后缀名称：.html .htm
网页文档：开发网页，让其他人可以通过浏览器来访问我们的数据

HTML语法规则

文档声明：html网页的第一行：<!doctype html> 表示声明这是一个网页文档，可以通过浏览器进行展示
网页内容：网页中所有的数据写在一对<html></html>标签中
1. 开始标签 <html>
2. 结束标签 </html>
网页属性：用于设置网页的编码、网页的标题等等内容
1. 写在网页中的<head></head>标签中
  1. <meta charset=”utf-8”> 声明网页中的字符编码是UTF-8编码
  2. <title>网页标题</title> 声明网页的显示标题部分的内容
网页展示数据：打开的浏览器网页中，要查看的所有数据
1. 写在网页中的<body></body>标签中
网页内容区域：页头、页面主体、页脚
1. <header></header>
2. <section></section>
3. <footer></footer>
常见的标签
1. 标题标签：在网页中，通过加大字号，加粗文本来表示的文本
  1. <h1></h1> ~ <h6></h6>
2. 段落标签：网页中标签一段文本数据的标签
  1. <p>段落内容</p>
3. 分隔线标签：是在网页中，增加一个水平的直线，将不同的内容分离
  1. <hr/>
4. 换行标签：用于在网页中，将文本数据或者其他数据添加一个换行
  1. <br />
5. 视频播放标签：用于将指定的视频内容，在网页中进行播放
  1. <video src=”” controls></video> 视频播放标签
  2. src属性：指定要播放的视频的路径、目录、文件夹/文件
  3. controls属性：用于展示播放器的控制台（播放、暂停、声音、全屏）
  4. autoplay属性：是否自动播放
6. 音频播放标签：用于将指定的音频内容，在网页中进行播放
  1. <audio src=””></audio> 音频播放标签
  2. autoplay属性设置自动播放
7. 图片标签：用于展示指定位置的图片
  1. <img src=””/>展示指定位置的图片，网页中常用的图片后缀名有三个
  2. .jpg .gif .png
8. 扩展标签
  1. <b>标签：文本加粗
  2. <i>标签：文本斜体显示
  3. <em></em>标签：文本斜体显示
  4. <u>标签：文本添加下划线
  5. <del>标签：文本添加删除线
9. 表格标签：用来在网页中，通过表格的形式展示内容的
  1. <table></table>
    1. <tr></tr>
      1. <td></td> 表格中要展示的数据
  2. 合并单元格
    1. 横向合并单元格：colspan[跨列]
    2. 纵向和兴单元格：rowspan[跨行]