HTML标签学习
1.文本格式化标签
2.图片标签
3.超链接标签
4.锚点标签
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>标签之当标签、双标签的学习</title>
</head>
<body id="fufb">
<!--单标签学习-->
<div>
<!--换行标签-->
我是第一行,<br/>我是第二行。
<!--水平线标签-->
<hr/>
</div>
<!--双标签学习-->
<div>
<!--
标题标签:标题标签从h1~h6,依次变小,都是加粗
h1 在一个页面里只能出现一次。SEO(搜索引擎检索会把h1作为一个权重很高的节点作为检索)
-->
<h1>虐童事件的反思</h1>
<!--P标签:段落标签 上下自动生成空白行。<br>换行不会生成空白行。-->
<p>近来,网上热议的“幼师虐童事件”——一位年轻幼儿园女老师拎着一男孩耳朵往上提,孩子痛哭,而女老师脸上挂着笑容。这张照片在网络社交平台被发现,随即被曝于网络,并被大量转发。照片上,教师的笑容令网民感到愤怒:“如此无良,如何能做老师?”虽然虐童教师受到了处理,涉事幼儿园也为“聘用无证教师”付出了代价,但这远远不能消除这件事给社会带来的震惊。</p>
<p>孩子是祖国的花朵,幼儿更应受到最好的教育和爱护。可是,近年来,幼师虐儿事件屡屡发生,先是山西太原五岁女童不会“十加一”被老师扇数十记耳光,然后是浙江温岭颜艳红将“扇耳光”翻新为“揪耳朵”……幼儿园女教师揪幼童双耳离地等幼师虐童事件给我们的幼儿教育敲响了一记警钟,虐待幼儿事件频发更是扯出了幼儿园遍地开花、管理无序,学前教育尤其是幼儿教育尚没有规范纳入基础教育体系的沉重话题。有关部门对幼儿教育管理粗放,监督缺位。开办幼儿园准入门槛较低,导致幼儿教育机构质量良莠不齐。教育设施、生活条件、师资水平较差的幼儿园也掭列其中,有的幼师甚至根本没有参加过系统的教育培训,根本没有领悟师德师风的真谛。这或许是虐待幼儿事件频繁上演的重要原因。</p>
<!--font标签:文本标签-->
<font size="6" color="red">我是中国人</font>
</div>
<!--文本格式化标签-->
<div>
<!--文本加粗标签Strong和b 一般用strong 有强调的作用-->
<strong>加粗文字</strong> <b>加粗文字</b> <br/>
<!--文本倾斜标签em和i 一般用em 有强调的作用-->
<em>倾斜文字</em> <i>倾斜文字</i><br/>
<!--删除线标签del和s 一般用del,有强调作用-->
<del>998</del> <s>998</s> <br/>
<!--下划线标签 一般用ins,有强调作用-->
<ins>下划线文字</ins> <u>下划线文字</u><br/>
<!--注意:之所以工作里使用<strong></strong> <em></em> <del></del>
<ins></ins> 是因为更有语义化。浏览器更爱读-->
</div>
<!--图片标签-->
<div>
<!--
title:鼠标放上去的提示
alt:图片不存在的提示文本
height:设置高 width:设置宽
宽和高 只设置一个属性时,图片是自动缩放的 两个属性都设置的话,会变形。
-->
<img src="../../img/lzl.jpg" alt="林志玲" title="女神" height="264px" />
<img src="../../img/1.png" alt="灰兔子" />
<img src="../../img/2.png" alt="猫" />
</div>
<!--超链接标签-->
<div>
<!--
href:去往的路径(跳转的页面) 必写属性
title:提示文本 鼠标放到链接上显示的文字
target=”_self” 默认值 在自身页面打开(关闭自身页面,打开链接页面)
Target=”_blank” 打开新页面 (自身页面不关闭,打开一个新的链接页面)
-->
<a href="https://www.baidu.com" title="百度一下,你就知道" target="_blank">百度首页</a>
</div>
<!--锚点链接-->
<div>
<!--
1.先定义一个锚点
2.超链接到锚点
-->
<a href="#fufb" title="百度一下,你就知道">回到首页</a>
</div>
</body>
</html>