基本标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>基本标签学习</title>
</head>
<body>
<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<!--段落标签-->
<p>《活着》讲述一个人一生的故事,这是一个历尽世间沧桑和磨难老人的人生感言,是一幕演绎人生苦难经历的戏剧。小说的</p>
<p>叙述者“我”在年轻时获得了一个游手好闲的职业——去乡间收集民间歌谣。在夏天刚刚来到的季节,遇到那位名叫福贵的老人,</p>
<p>听他讲述了自己坎坷的人生经历:</p>
<!--水平线标签-->
<hr/>
<!--换行标签-->
<p>《活着》讲述一个人一生的故事,这是一个历尽世间沧桑和磨难老人的人生感言,是一幕演绎人生苦难经历的戏剧。小说的<br/>
叙述者“我”在年轻时获得了一个游手好闲的职业——去乡间收集民间歌谣。在夏天刚刚来到的季节,遇到那位名叫福贵的老人,<br/>
听他讲述了自己坎坷的人生经历:<br/>
</p>
<!--字体样式-->
粗体:<strong> hi,html
</strong><br/>
斜体:<em> hi,html</em>
<br/>
<!--特殊符号-->
空 格:
<br/>
空          格:
<br/>
>
<br/>
<
<br/>
版权©
<!--
多行注释
-->
</body>
</html>
图像标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图像标签学习</title>
</head>
<body>
<!--
src 图片地址
相对地址 "../resources/image.tx.jpg"
绝对地址 D:\JAVA\HTML\resources\image\tx.jpg
alt 图片名字(必填)
-->
<img src="../resources/image/tx.jpg" alt="头像" title="悬停文字" width="500" height="500">
<a href="4.链接标签.html#Top" target="_blank">链接标签</a>
</body>
</html>
链接标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接标签的学习</title>
</head>
<body>
<!--使用name做标记-->
<a name="Top">顶部</a>
<a href="#Buttom">底部</a>
<br/>
<!--a标签
herf 必填 跳转页面
文本超链接
-->
<a href="1.我的第一个网页.html" target="_self">点击跳转我的第一个网页</a>
<br/>
<a href="https://baike.baidu.com/item/%E6%B4%BB%E7%9D%80/10565923?fr=aladdin" target="_self">点击我跳转活着</a>
<br/>
<!--图片超链接-->
<a href="3.图像标签.html" target="_blank">
<img src="../resources/image/tx.jpg" alt="头像" title="点击查看大图" width="100" height="100">
</a>
<br/>
<br/>
<!--锚链接
1.需要一个标记
2.跳转标记 #
-->
<a href="#Top">回到顶部</a>
<a name="Buttom"></a>
<!--功能性链接
邮件
QQ链接
-->
<br/>
<a href="mailto:1431214761@qq.com">联系</a>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1431214761&site=qq&menu=yes">
<img border="0" src="http://wpa.qq.com/pa?p=2:546254575:53" alt="加我好友领取" title="加我好友领取"/></a>
</body>
</html>