摘要:单标签:只有一个标签,也成为一个空元素,没有结束标签列如: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是无语义标签
区别你在浏览器中显示一下就知道了