摘要:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>html标签</title>
</head>
<body>
<!--
单标签:meta\img\hr\br
双标签:开始标签和结束标签
块级元素:独占一行,对宽高的属性值生效,如果不给宽度,
块级元素就默认浏览器的宽度(即100%)
例如: div \ p \ ul \h1-h6……
行内元素:对宽高属性会不生效,完全靠内容撑开宽高,
可以跟其它标签存在一行。
例如:span \ b \ strong \ em \ a \ img \ input……
行内块元素:结合行内和块级元素的特点,不仅对宽高的属
性值生效还可以跟多个标签存在一行
例如:input \ img
-->
<style>
div{width: 200px; height:200px;background: khaki;}
p{
width: 200px; height:200px;
background: khaki;
line-height: 200px;
text-align: center;
}
span{background: blue;width: 200px; height:200px;}
/* img{width: 200px;height: 200px;background: #ccc;} */
</style>
<div>php中文网</div>
<span>欢迎你!</span><b>我是灭绝!</b>
<p>一起来Git新技能</p><em style="background:lightsalmon">我是灭绝!</em>
<img src="img/logoAD.gif" alt="logo">
</body>
</html>
批改老师:天蓬老师批改时间:2019-01-29 11:44:19
老师总结:还有一点要留意, 内联标签不能直接写在页面中, 应该放在块级元素中, 也就是说要放在一个容器中使用