基本标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>基本标签</title>
</head>
<body>
<!--标题标签-->
<h1>1111</h1>
<h2>2222</h2>
<h3>33333</h3>
<!--下划线标签-->
<hr/>
<!--换行标签-->
hhhhhhhhhhhhhhhhhhhhhhhhhhhhh <br/>hhhhhhhhhhh
<br/>
<!--p标签段落标签-->
<!--粗体/斜体-->
<strong>i love you</strong>
<em> i love you</em>
<!--特殊符号-->
>
<
©版权符号
</body>
</html>
图像标签
<body>
<!--img的学习-->
<!--scr为图片的路径
相对地址 绝对地址
../ ../上一级目录
alt 图片加载失败显示的图片文字-->
<img src="../resources/imgs/aaa.jpg" alt="美女" title="鼠标悬停文字">
</body>
链接标签
<body>
<!--使用name作为一个标记-->
<a name="top">顶部</a>
<a href="图像标签.html#down">点击跳转到图片链接的底部</a>
<!--a标签
href：必填，表示跳转到的那个页面
target :表示窗口在哪里打开
_blank 在新的窗口打开
_self 在自己的网页打开
-->
<a href="https://www.baidu.com" target="_blank">点击我跳转到百度</a>
<a href="图像标签.html"target="_self">点击我跳转到图片</a>
<!--锚链接
1、需要一个锚标记
2、跳转到标记
#
-->
<a href="#top">点击跳转到顶部</a>
<a target="_blank" href="图像标签.html">
<img border="0" src="../resources/imgs/aaa.jpg" alt="点击图片" title="点击图片"/></a>
</body>
列表标签
<body>
<!--有序列表-->
<ol>
<li>java</li>
<li>python</li>
<li>运维</li>
<li>c/c++</li>
</ol>
<hr/>
<!--无序列表-->
<ul>
<li>java</li>
<li>python</li>
<li>运维</li>
<li>hhhh</li>
</ul>
<hr/>
<!--自定义列表-->
<dl>
<dt>学科</dt>
<dd>java</dd>
<dd>python</dd>
<dd>c/c++</dd>
<dt>地点</dt>
<dd>廉江</dd>
<dd>湛江</dd>
<dd>广东</dd>
</dl>
</body>
表格标签
<body>
<!--
表格table
行 tr rows
列 td
-->
<!--border 表格的边框-->
<table border="1px">
<tr>
<!--colspan 跨列 -->
<td colspan="4">11 </td>
</tr>
<tr>
<!-- rowspan 跨行-->
<td rowspan="2">21</td>
<td>22</td>
<td>23</td>
<td>24</td>
</tr>
</table>
媒体元素
<body>
<!--音频和视频-->
<!--
controls 控制框
src 资源路径
autoplay
-->
<video src="../resources/video" controls autoplay></video>
<audio src="../resources/audio" controls autoplay></audio>
</body>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
