本课对标签的理解和认识,请老师多多提点

原创 2018-12-15 06:00:26 446
摘要:单标签:只有一个标签,也成为一个空元素,没有结束标签列如:meta、img、hr、br mema:设置字符集编码img:图片标签hr:水平直线br:换行标签双标签:成对的标签成为双标签,它拥有开始标签和结束标签,成对的标签称之为一个元素,元素又分为块级元素块级元素是独占一行的,对宽高的属性置是生效的,如果不给宽度,块级元素默认浏览器的宽度,也就是浏览器有多宽块级元素就有多宽;块级元素列如

单标签:只有一个标签,也成为一个空元素,没有结束标签

列如:meta、img、hr、br 

mema:设置字符集编码

img:图片标签

hr:水平直线

br:换行标签


双标签:成对的标签成为双标签,它拥有开始标签和结束标签,

成对的标签称之为一个元素,元素又分为块级元素

块级元素是独占一行的,对宽高的属性置是生效的,如果不给宽度,块级元素默认浏览器的宽度,也就是浏览器有多宽块级元素就有多宽;

块级元素列如如下:

<html></html>

<div></div>

<ul></ul>

<h1></h1>-<h6></h6>

代码练习:

<!DOCTYPE html>

<html>

 <head>

 <mema charset="uef-8">(这是一个单标签,没有结束标签)

 <title>这是网页头部,属性是成对的,属于双标签</title>

 </head>

 <body>

 1.<div style=“background:rad”; height:300;width:400>内部内容放在这里</div> 这是一个块级元素,此代码说明:背景颜色(background)是红色(rad)高(height)是300宽(width)是400,每个属性必须用“;”隔开

 2.<p style="background:blue">内部内容放这里</p>p标签也属于块级元素,它上下会自带边距,此行说明:字体背景(background)为蓝色(blue)

 3.<span style=“background:blue height:300;width:400”>这是内容</span><b>测试是否可以存在于一行</b>这是一个行内元素,他的宽高置是靠内容撑起来的,它可以和别的内容存在于一行

 4.<img src="images/logo.png" style="height:300;width:400">这是一个行内块元素,宽高是生效的

 </body>

</html>

本课学习到的标签:<br></br>:加粗字体标签 background:背景颜色

本节课存在的疑问:

<p></p>标签与<div></div>有什么区别?

<span></span>(行内元素),他和<img>(行内块元素)属性置是相同吗?他们的区别又是什么?

批改老师:灭绝师太批改时间:2018-12-15 09:26:44
老师总结:p和img标签是有语义标签,用来定义段落和段落,div 与span是无语义标签 区别你在浏览器中显示一下就知道了

发布手记

热门词条