学习HTML的第一天
Day01
我的第一个网页
网页基本格式如下：
代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
我的第二个网页
常见标签内容：
代码如下
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<title>基本标签的学习</title>
</head>
<body>
<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>
<!--段落标签-->
<p>
等不到 風中你的臉頰
眼淚都美到很融洽
等不到 掩飾的雨落下
我的眼淚被你覺察
</p>
<p>
等不到 你的雪月風花
我們的愛也有時差
等不到 不經意的牽掛
卻沒出息的放不下
</p>
<p>
等不到 手中松開的沙
被風揚起的很優雅
等不到 送你蝴蝶發夾
你的他愛上了短髮
</p>
<!--水平线标签-->
<hr/>
<!--换行标签-->
等不到 風中你的臉頰
眼淚都美到很融洽
等不到 掩飾的雨落下
我的眼淚被你覺察<br/>
等不到 你的雪月風花
我們的愛也有時差
等不到 不經意的牽掛
卻沒出息的放不下<br/>
等不到 手中松開的沙
被風揚起的很優雅
等不到 送你蝴蝶發夾
你的他愛上了短髮<br/>
<!--粗体 斜体-->
粗体：<strong>i love you</strong><br>
斜体： <em>i love you</em>
<!--特殊符号-->
空格：<br/>
空 格：<br/>
大于：><br/>
小于：<<br/>
版权符号：©<br/>
<!--
特殊符号记忆方法
由&开头;结尾：& ;
-->
</body>
</html>
图像标签
代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图像标签</title>
</head>
<body>
<!--img标签的学习
src： 图片地址
相对地址，绝对地址
../ 代表返回上一级目录
alt: 图片名字
例子如下：
相对地址：resources/image/1.jpg
绝对地址：D:\java\wenjian\HTML\resources\image\1.jpg
-->
<img src="../resources/image/1.jpg" alt="守岸人图片" title="悬停显示文字" width="300" height="650">
</body>
</html>
成功找到图片如下：
没找到图片如下：
我的第四个网页
此网页展示我的链接学习：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>连接标签学习</title>
</head>
<body>
<!--使用name作为标记-->
<a name="top">顶部</a>
<!--a标签
href:必填，表示要跳转到哪个页面
target: 表示窗口在哪里打开
_blank 在新标签中打开
——self 在自己的网页中打开
-->
<a href="1.我的第一个网页.html" target="_blank">点击我跳转到我的第一个网页</a>
<a href="http://www.baidu.com" target="_self">点击我跳转到百度</a>
<br/>
<a href="1.我的第一个网页.html">
<img src="../resources/image/1.jpg" alt="守岸人图片" title="悬停显示文字" width="300" height="650">
</a>
<p>
<a href="1.我的第一个网页.html">
<img src="../resources/image/1.jpg" alt="守岸人图片" title="悬停显示文字" width="300" height="650">
</a>
</p>
<p>
<a href="1.我的第一个网页.html">
<img src="../resources/image/1.jpg" alt="守岸人图片" title="悬停显示文字" width="300" height="650">
</a>
</p>
<p>
<a href="1.我的第一个网页.html">
<img src="../resources/image/1.jpg" alt="守岸人图片" title="悬停显示文字" width="300" height="650">
</a>
</p>
<p>
<a href="1.我的第一个网页.html">
<img src="../resources/image/1.jpg" alt="守岸人图片" title="悬停显示文字" width="300" height="650">
</a>
</p>
<!--锚链接
1.需要一个标记
2.跳转到标记点
通过#标记名
-->
<a href="#top">回到顶部</a>
<a name="down">底部</a>
<!--功能性链接
邮箱链接：mailto
QQ链接：qq推广自动生产
-->
<a href="mailto:2447030668@qq.com">点击此联系我</a>
</body>
</html>
视频链接如下（由于图片展示困难，用视频展示）
浙公网安备 33010602011771号