注释标签
<!DOCTYPE html>
<!-- 注释标签 ctrl + / -->头部
<html lang="en">
<head>
<!-- 头部 小图标、网页标题 -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<title>html</title>
</head>
<!-- 放 页面主体 -->
<body>
<!-- 基础标签 -->
</body>
</html>标题标签
<!-- 标题标签 h1 - h6 从大到小 -->
<h1>标题标签</h1>
<h2>标题标签</h2>
<h3>标题标签</h3>
<h4>标题标签</h4>
<h5>标题标签</h5>
<h6>标题标签</h6>段落标签
<!-- 段落标签 -->
<p>段落标签</p>水平线标签
<!-- 水平线 hr -->
<hr>换行标签
<!-- 换行标签 br -->
<br>通用标签
<!-- div 通用标签 -->
<div></div>文字标签
<!-- 文字标签 color颜色 face字体 size字体大小 -->
<font color="pink" face="楷体" size="22">字体标签</font>字体粗体
<!-- 粗体 -->
<b>粗体标签</b> <strong>粗体标签</strong>斜体标签
<!-- 斜体 -->
<i>斜体标签</i> <em>斜体标签</em>删除线
<!-- 删除线 -->
<s>删除线</s> <del>删除线</del>下划线
<!-- 下划线 -->
<u>下划线</u> <ins>下划线</ins>上标
<!-- 上标 -->
这是<sup>上标</sup>下标
<!-- 下标 -->
这是<sub>下标</sub>标记
<!-- 标记 -->
<!-- title属性 所有标签共有的属性，鼠标悬浮时，显示属性值 《属性值：属性里的内容》 -->
<mark title="这是一大段文字这是一大段文字这是一大段文字">mark 标记</mark>缩写
<!-- 缩写 abbr -->
<abbr title="这是一大段文字这是一大段文字这是一大段文字">缩写</abbr>通用行内标签
<!-- span 通用行内标签 -->
<span>通用行内标签</span>图片标签
<!-- 图片标签
绝对路径：c:\Users\mi\Desktop\我的\笔记pdf\第一阶段\html
相对路径： 文件相对路径 ../.. ./
alt：图片加载失败时，提示图片内容
-->
<img title="" src="./img/11.jpg" width="200" height="100" alt="">a标签
<!-- a标签 超链接 href 里面放链接路径 -->
<a href="https://www.baidu.com">百度</a>音频标签
<!-- 音频标签 -->
<!-- controls 控件属性 -->
<!-- loop 循环播放 -->
<!-- autoplay 页面打开自动播放 -->
<audio src="./mp3/Dancers.mp3" controls loop autoplay ></audio>视频标签
<video src="./mp3/周深 - 大鱼.mp4" controls loop autoplay width="800" height="400"></video>完整代码
<!DOCTYPE html>
<!-- 注释标签 ctrl + / -->
<html lang="en">
<head>
<!-- 头部 小图标、网页标题 -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.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="pink" face="楷体" size="22">段落标签标题标签 <h6>标题<br>标签</h6></div>
<!-- 文字标签 -->
<font color="pink" face="楷体" size="22">字体标签</font>
<!-- 粗体 -->
<b>粗体标签</b> <strong>粗体标签</strong>
<!-- 斜体 -->
<i>斜体标签</i> <em>斜体标签</em>
<!-- 删除线 -->
<s>删除线</s> <del>删除线</del>
<!-- 下划线 -->
<u>下划线</u> <ins>下划线</ins>
<!-- 上标 -->
这是<sup>上标</sup>
<!-- 下标 -->
这是<sub>下标</sub>
<!-- 标记 -->
<mark title="这是一大段文字这是一大段文字这是一大段文字">mark 标记</mark>
<!-- 缩写 abbr -->
<!-- title属性 所有标签共有的属性，鼠标悬浮时，显示属性值 《属性值：属性里的内容》 -->
<abbr title="这是一大段文字这是一大段文字这是一大段文字">缩写</abbr>
<br>
<!-- span 通用行内标签 -->
<span>通用行内标签</span>
<!-- 块级标签 独占一行。可以设置宽高 -->
<!-- 行级标签 内容撑开，不自动换行 不可以设置宽高 -->
<!-- 图片标签
绝对路径：c:\Users\mi\Desktop\我的\笔记pdf\第一阶段\html
相对路径： 文件相对路径 ../.. ./
alt：图片加载失败时，提示图片内容
-->
<img title="欣知大数据" src="./img/11.jpg" width="200" height="100" alt="欣知大数据二十部">
<!-- a标签 超链接 href 里面放链接路径 -->
<a href="https://www.baidu.com">百度</a>
<!-- 还能跳转项目内的页面
target: _blank:跳转新窗口
_self: 在本窗口打开
-->
<a href="./b.html" target="_blank">跳转b页面</a>
<a href="./b.html" target="_top">跳转b页面</a>
<!-- 音频标签 -->
<!-- controls 控件属性 -->
<!-- loop 循环播放 -->
<!-- autoplay 页面打开自动播放 -->
<audio src="./mp3/Dancers.mp3" controls loop autoplay ></audio>
<video src="./mp3/周深 - 大鱼.mp4" controls loop autoplay width="800" height="400"></video>
<br><br><br><br><br>
</body>
</html>效果展示
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
