网页标签
网页基本标签
tab快捷生成标签
<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<!--段落标签-->
<p></p>
<p>我和你，本应该 </p>
<p>各自好，各自坏</p>
<p>各自生活的自在</p>
<p>毫无关联的存在</p>
<p>直到你，出现在</p>
<p>我眼中，躲不开</p>
<p>我也占领你的心海</p>
<p>充实着你的空白</p>
<!--换行标签-->
<!--<br/> 换行标签是单标签-->
<br/>
为何出现在彼此的生活又离开<br>
只留下在心里深深浅浅的表白<br>
谁也没有想过再更改<br>
谁也没有想过再想回来<br>
哦，我不明白<br>
<!--水平线标签-->
<hr/>
字体标签
<!--粗体，斜体-->
<h1>字体样式标签</h1>
粗体： <strong>我和你，不应该 制造感觉，表达爱</strong><br>
斜体： <em>试探未知和未来，相信那胡言一派</em>
注释
<!--注释-->
图像标签
<body>
<!-- img学习
src:图片地址（必填）
相对地址（有推荐使用），绝对地址
../ --上一级目录
alt:图片名字（必填）
title:悬停文字
width：图片宽度
height:图片高度
-->
<img src="../resources/image/1.jpg" alt="郑博文" title="郑博文" >
</body>
</html>
超链接标签及应用
*
</head>
<body>
<!--使用name或者id作为标记-->
<a id="top"></a>
<!-- a标签
href:要跳转到那个界面（必填）
target:表示窗口在哪里打开(_bank在新页面打开，_self在自己的网页中打开)
-->
<a href="2.html网页学习.html" target="_blank">点击我跳转到页面</a> <br>
<a href="https://www.baidu.com">点击我跳转到百度</a> <br>
<a href="2.html网页学习.html"><img src="../resources/image/2.jpg" alt="郑博文" title="郑博文" >
<!--图像超链接-->
</a>
<p>
<a href="2.html网页学习.html" target="_blank">点击我跳转到页面</a> <br>
<a href="https://www.baidu.com">点击我跳转到百度</a> <br>
<a href="2.html网页学习.html"><img src="../resources/image/2.jpg" alt="郑博文" title="郑博文" >
<!--图像超链接-->
</a>
</p>
<p>
<a href="2.html网页学习.html" target="_blank">点击我跳转到页面</a> <br>
<a href="https://www.baidu.com">点击我跳转到百度</a> <br>
<a href="2.html网页学习.html"><img src="../resources/image/2.jpg" alt="郑博文" title="郑博文" >
<!--图像超链接-->
</a>
</p>
<p>
<a href="2.html网页学习.html" target="_blank">点击我跳转到页面</a> <br>
<a href="https://www.baidu.com">点击我跳转到百度</a> <br>
<a href="2.html网页学习.html"><img src="../resources/image/2.jpg" alt="郑博文" title="郑博文" >
<!--图像超链接-->
</a>
</p>
<p>
<a href="2.html网页学习.html" target="_blank">点击我跳转到页面</a> <br>
<a href="https://www.baidu.com">点击我跳转到百度</a> <br>
<a href="2.html网页学习.html"><img src="../resources/image/2.jpg" alt="郑博文" title="郑博文" >
<!--图像超链接-->
</a>
</p>
<!--锚链接
1；需要一个锚标记,使用name或者id作为标记
2；跳转到标记
3；使用#+名字跳回锚点
-->
<a href="#top">回到顶部</a>
<br>
<!--功能性连接
邮件链接：mailto
QQ连接：qq推广，推广工具。复制代码到自己的网页。
-->
<a href="mailto:2907708486@qq.com">大王饶命</a>
</body>
</html>
块元素和内行元素
列表标签
<body>
<!--有序列表-->
<ol>
<li>html</li>
<li>css</li>
<li>java</li>
<li>js</li>
</ol>
<hr/>
<!--无序列表-->
<ul>
<li>html</li>
<li>css</li>
<li>java</li>
<li>js</li>
</ul>
<!--自定义列表-->
<dl>
<dt>学习</dt>
<dd>java</dd>
<dd>css</dd>
<dd>html</dd>
<dd>js</dd>
</dl>
</body>
</html>
表格标签
</head>
<body>
<!--表格table border 表格宽度
行：tr
列：td
colspan:跨列
rowspan:跨行
-->
<table border="1px">
<tr>
<td colspan="4">1-1</td>
</tr>
<tr>
<td rowspan="2">2-1</td>
<td>2-2</td>
<td>2-3</td>
<td>2-4</td>
</tr>
<tr>
<td>3-2</td>
<td>3-3</td>
<td>3-4</td>
</tr>
</table>
</body>
</html>
媒体元素
<body>
<!--音频视频-->
<!--
controls:可直接播放，控制条
autoplay:自动播放
-->
<video src="../resources/video/1.mp4"controls></video>
<audio src="../resources/audio/男孩.lrc" controls autoplay"></audio>
</body>
</html>
浙公网安备 33010602011771号