html标签

原创 2019-01-29 11:41:35 353
摘要:<!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>

11.png

批改老师:天蓬老师批改时间:2019-01-29 11:44:19
老师总结:还有一点要留意, 内联标签不能直接写在页面中, 应该放在块级元素中, 也就是说要放在一个容器中使用

发布手记

热门词条