<!--1.我的第一个网页.html(为HTML文件名)-->
<!DOCTYPE html>
<!--表示浏览器的使用规范，一般默认都是html的规范,所以可不要-->
<html lang="en">
<head>
<!--网页标题-->
<meta charset="UTF-8">
<!--告诉浏览器编码类型为字符型编码
常见的字符编码-->
<title>网页一</title>
</head>
<body><!--网页主题部分，内部有链接，文章，表格，图片，视频等等-->
<strong>Hello world!</strong>
</body>
</html>
<!--2.基本标签的使用.html-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>基本标签的使用</title>
</head>
<body>
<h1>望岳</h1>
<h4> (杜甫)</h4>
<hr>
<h2>岱宗夫如何，<br>
齐鲁青未了。</h2>
<h2>会当临绝顶，</h2>
<h2>一览众山小。<br><!--此处的换行标签没有用--></h2>
<h2>1+1>2</h2>
<hr>
©著作权为孤影所属，请勿未经允许转载！
</body>
</html>
<!--3.图像标签的使用.html-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图像标签的学习</title>
</head>
<body>
<!--src="":用来搜索图片地址的，图片地址有
相对地址，绝对地址（绝对地址是指从根目录开始的地址，相对地址从上一个开始）
../ 表示当前地址上一个地址，回退到上一个地址
alt="":如果图像地址未找到，显示文字
title="":悬停文字(鼠标停放在图片上会显示的文字)-->
郭辉平
<br>
<img src="../resources/image/1.jpg" alt="加载失败，请重新加载！" title="看什么看" width="144" height="192">
<!--前两给必填-->
</body>
</html>
<!--4.链接标签的使用.html-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接标签的学习</title>
</head>
<body>
<!--a标签
href：必填，表示需要跳转的网页，直接填网页文件名
target:表示新标签在哪里打开
_blank 在新标签中打开
_self 在自己的网页中打开（一般默认为在自己网页中打开）
-->
<a name="top">首页<!--标记的命名--></a>
<h1>链接标签的学习</h1>
<a href="2.基本标签的使用.html">点击跳转到基本标签的学习<!--此处为链接的点击处，必须要填文字或图片--></a>
<h1>图片超链接的学习</h1>
<a href="1.我的第一个网页.html">
<img src="../resources/image/1.jpg" alt="加载失败，请重新加载！" title="点击跳转到网页一" width="144" height="192">
</a>
<h1>在新的网页中打开我的图片</h1>
<a href="3.图像标签的使用.html" target="_blank">点击跳转到图像标签的使用</a>
<h1>功能性链接的使用</h1>
<!--功能性链接
-->
<h1>功能性链接的使用</h1>
<!--功能性链接
1）邮件链接:<a href="mailto:3254213612@qq.com">点击给我发送邮件</a>
2)qq链接：
-->
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">
<img border="0" src="http://wpa.qq.com/pa?p=2:24736743：53" alt="点击添加好友" title="点击添加好友"/>
</a>
<h1>锚链接的使用</h1>
<!--标记在哪就可以条转到哪
1）在内部网页中只要‘#’+ ”标记“+”跳转说明“
2）网页间的跳转需要”网页文件名“+‘#’+ ”标记“+”跳转说明“
-->
<h1><img src="../resources/image/1.jpg" alt="加载失败，请重新加载！" title="点击跳转到网页一" width="144" height="192">
</h1>
<h1><img src="../resources/image/1.jpg" alt="加载失败，请重新加载！" title="点击跳转到网页一" width="144" height="192">
</h1>
<h1><img src="../resources/image/1.jpg" alt="加载失败，请重新加载！" title="点击跳转到网页一" width="144" height="192">
</h1>
<h1><img src="../resources/image/1.jpg" alt="加载失败，请重新加载！" title="点击跳转到网页一" width="144" height="192">
</h1>
<a href="#top">点击回到顶部</a>
</body>
0
点赞
收藏
分享
HTML5学习
相关推荐
0 条评论