版本声明
<!DOCTYPE html>
编码方式
<meta charset="UTF-8">
小图标
<link rel="shortcut icon" href="./img/pkq.ico" type="image/x-icon">
标题标签 h1 - h6 从大到小
<h1>标题标签</h1>
<h2>标题标签</h2>
<h3>标题标签</h3>
<h4>标题标签</h4>
<h5>标题标签</h5>
<h6>标题标签</h6>
段落标签 p
<p>段落标签</p>
水平线标签 hr
<hr>
换行标签 br
<br>
通用标签 div
<div color = "red" face = "楷体" size = "20">段落标签标题标签</div>
文字标签 font color 颜色 face 字体 size 字号
<font color = "red" face = "楷体" size = "20">字体标签</font>
粗体标签 b strong
<b>粗体标签</b> <strong>粗体标签</strong>
斜体标签 i em
<i>斜体标签</i> <em>斜体标签</em>
删除线 s del
<s>删除线</s> <del>删除线</del>
下划线 u ins
<u>下划线</u> <ins>下划线</ins>
上标 sup
这是<sup>上标</sup>
下标 sub
这是<sub>下标</sub>
标记 mark
<mark title="这是一大段文字">mark标记</mark>
缩写 abbr
<abbr title="这是一大段文字">缩写</abbr>
注意!
title属性是所有标签共有的属性,鼠标悬浮时,显示属性值 《属性值:属性里的内容》
title="这是一大段文字"
通用行内标签 span
<span>通用行内标签</span>
注意!
<!-- 块级标签 独占一行,可以设置宽高 -->
<!-- 行级标签 内容撑开,不可自动换行,不可以设置宽高 -->
图片标签 img 引用资源
绝对路径 C:\Windows\demo.html 相对路径:文件相对路径 ../.. ./
art:图片加载失败时,提示图片内容
<img src="/img/1.jpg" width="200" height="100" alt="笔记">
a标签 超链接 herf 里面放链接路径 跳转路径
<a href="https://www.baidu.com">百度</a>
a标签 跳转项目内的页面
属性值 target: _blank 跳转新窗口
_self 本窗口打开
_top 打开窗口前置
<a href="./b.html" target="_blank">跳转b页面</a>
<a href="./b.html" target="_top">跳转b页面</a>
音频标签 video audio
controls 控件属性 loop 循环播放 autoplay 页面打开自动播放
视频标签
<video src="./mp3/2.mp4" controls loop autoplay width="400" height="400"></video>
音频标签
<audio src="./mp3/富士山下.mp3" controls loop autoplay ></audio>
全部代码加注释
<!DOCTYPE html>
<!-- 注释标签 ctrl + / -->
<html lang="en">
<head>
<!-- 头部 小图标 网页标题 -->
<meta charset="UTF-8"> <!-- 编码方式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 网页小图标 -->
<link rel="shortcut icon" href="./img/pkq.ico" type="image/x-icon">
<title>html</title>
</head>
<!-- 放页面主体 -->
<body>
<!-- 基础标签 -->
<!-- 段落排版标签 -->
<!-- 标题标签 h1 - h6 从大到小 -->
<h1>标题标签</h1>
<h2>标题标签</h2>
<h3>标题标签</h3>
<h4>标题标签</h4>
<h5>标题标签</h5>
<h6>标题<br>标签</h6>
<p>段落标签</p>
<!-- 水平线 hr -->
<hr>
<!-- 换行标签 br -->
<br>
<!-- div 通用标签 -->
<div color = "red" face = "楷体" size = "20">段落标签标题标签 <h6>标题<br>标签</h6></div>
<!-- 文字标签 font
color 颜色
face 字体
size 字号
-->
<font color = "red" face = "楷体" size = "20">字体标签</font>
<!-- 粗体 b strong -->
<b>粗体标签</b> <strong>粗体标签</strong>
<!-- 斜体 i em -->
<i>斜体标签</i> <em>斜体标签</em>
<!-- 删除线 s del -->
<s>删除线</s> <del>删除线</del>
<!-- 下划线 u ins -->
<u>下划线</u> <ins>下划线</ins>
<!-- 上标 sup -->
这是<sup>上标</sup>
<!-- 下标 sub -->
这是<sub>下标</sub>
<!-- 标记 mark -->
<mark title="这是一大段文字">mark标记</mark>
<!-- 缩写 abbr -->
<!-- title属性 所有标签共有的属性,鼠标悬浮时,显示属性值 《属性值:属性里的内容》 -->
<abbr title="这是一大段文字">缩写</abbr>
<br>
<!-- span 通用行内标签 -->
<span>通用行内标签</span>
<!-- 块级标签 独占一行,可以设置宽高 -->
<!-- 行级标签 内容撑开,不可自动换行,不可以设置宽高 -->
<!-- 图片标签 img 引用资源
绝对路径 C:\Windows\demo.html
相对路径:文件相对路径 ../.. ./
art:图片加载失败时,提示图片内容
-->
<img src="/img/1.jpg" width="200" height="100" alt="笔记">
<!-- a标签 超链接 herf 里面放链接路径 跳转路径 -->
<a href="https://www.baidu.com">百度</a>
<!-- 还能跳转项目内的页面
target: _blank 跳转新窗口
_self 本窗口打开
_top 打开窗口前置
-->
<a href="./b.html" target="_blank">跳转b页面</a>
<a href="./b.html" target="_top">跳转b页面</a>
<!-- 音频标签 video audio-->
<!-- controls 控件属性 -->
<!-- loop 循环播放 -->
<!-- autoplay 页面打开自动播放 -->
<audio src="./mp3/富士山下.mp3" controls loop autoplay ></audio>
<video src="./mp3/2.mp4" controls loop autoplay width="400" height="400"></video>
<br><br><br><br><br>
</body>
</html>