哎呀呀~实在是抱歉备注标签我记错了QAQ
<!--内容打这里-->这个才是备注标签不是//
首先我们先来学习上节课留下的剧透,分别是:
1.标题标签h1~h6
有人就说了标题标签上次剧透不就只有h1标签吗?
嘿嘿,实在他还有兄弟姐妹啦~
看图,代码是从上往下从左往右实行的请记住这个顺序哦~
还有,左边是代码右边是网页上面的效果哦~
源代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<!--标题标签是h1~h6-->
<h1>1</h1><!--最大-->
<h2>2</h2>
<h3>3</h3>
<h4>4</h4>
<h5>5</h5>
<h6>6</h6><!--最小-->
</body>
</html>
如图所示,h1标签是最大的,h6标签是最小的
是不是很大略呀,现在已经学会了一个知识点了哦~
2.段落标签 p标签
源代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!--千万要记住内容是写在标签里面的哦~-->
<!--段落标签是独占一条的哦-->
<p>第一条p标签</p>
<p>第二条p标签</p>
<p>第三条p标签</p>
</body>
</html>
3.链接标签 a标签链接标签是什么?顾名思义便是一个链接看代码:
<a href="https://www.baidu.com">百度</a>
href是什么东西啊?是a标签的属性啦~里面用来输入你须要跳转到的网页的链接
属性里面的东西是不会涌如今网页上面的涌现的只有在a标签里面的内容哦
当我点击百度这两个字后就给我跳转到了我们href属性里面的https://www.baidu.com
当然我们也可以跳转到我们自己制作的网页上面但哀求是同一个项眼前面的网页
是不是很有趣~
看视频:
视频加载中...
视频中我们点击链接后就跳转到了山这个网页涌现了一张山的图片,是不是有点小意思~
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<a href="new_file3.html">跳转到山的网页</a><!--只有同一个项眼前面的网页才能相互跳转-->
</body>
</html>
4.图像标签 img标签
图像标签标签如其意,便是用来上传图像的一个标签~~
我们这里先容一下img的两个属性:
<img src="img/OIP-C.jpg" alt="山"/>
src便是用来放图片的地址的,他会根据地址去找图片然后把图片放到网页上面。
alt有什么用啊便是当图片显示失落败的时候就会显示alt里面的笔墨
看视频:
视频加载中...
我们把图片的地址毁坏后,就会显示一个图片缺点的图标和alt里面的内容
怎么拖图片到img文件下,老师~~~我不知道
看视频
视频加载中...
嘿嘿就直接把文件拖进来就ok了是不是很大略~
okk,好快啊怎么一下就学完了本日的知识点~~~
嘻嘻本日可是有作业的~
请根据下面的网页仿写一下:
完成后作业发再评论区哦,有什么不懂的可以留言包回答的。
加油呀,每天学一点争取做出属于自己的一个网页~
上一期