<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文本标签</title>
<style type="text/css">
</style>
</head>
<body>
<p>
这家的麻小<em>真不错!</em>
</p>
<p>
<strong>你是猪,你是猪,你是猪,你是猪</strong>
</p>
<p>
过夜的店叫酒店
<big>
喝酒的店叫夜店
</big>
</p>
<P><cite>我和我的祖国</cite>是我最喜欢的一部电影</P>
<p>
子曰:
<p>
你是猪,你是猪
</p>
</p>
<div>
子曰:
<blockquote>猪,你是猪啊,你是一只猪<blockquote>
</div>
<p>2<sup>2</sup></p>
<p>吴京<sup><a href="#">[1]</a></sup></p>
<p>H<sup>2</sup>o</p>
<p>
<del>4888</del><br>
1888<br>
</p>
<p>
你是猪,你是<ins>猪是</ins>猪啊!
</p>
<pre>
if True:
print("abc")
<code>
if True:
print("abc")
</code>
</pre>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>列表</title>
<style type="text/css">
/*ul{
list-style: none;
}*/
</style>
</head>
<body>
<!--
在网页中一共有三种列表:
1,无序列表:ul li
2,有序列表:ol li
3,定义列表:dl dt dd
-->
<ul>
<li>李逵</li>
<li>公孙绍</li>
<li>猪</li>
<li>你是猪</li>
<li>武大郎</li>
</ul>
<ol type="a">
<li>结构</li>
<li>表现</li>
<li>行为</li>
</ol>
<p>菜谱</p>
<ul>
<li>麻辣小龙虾
<ol>
<li>龙</li>
<li>小</li>
<li>虾</li>
</ol>
</li>
<li>肉
<ul>
<li>龙</li>
<li>肉</li>
<li>虾</li>
</ul>
</li>
<li>烤鱼</li>
</ul>
<dl>
<dt>武松</dt>
<dd>武松打虎,战斗力报表99999</dd>
<dd>后来打死司门青,投奔梁山</dd>
<dt>武大郎</dt>
<dd>著名餐饮,战斗力0</dd>
</dl>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>单位</title>
<style type="text/css">
/*长度单位
像素px
百分比%
em 1em=1font-size
*/
.box{
width: 300px;
height: 300px;
background-color: red;
}
.box1{
font-size: 100px;
width: 2em;
height:50%;
background-color: yellow;
/*width: 50%px;/*100px或者%50;*/
/*height: 50%px;/*100px或者%50;*/
/*background-color: yellow;*/
}
</style>
</head>
<body>
<div class="box"></div>
<div class="box1"></div>
</body>
</html>
<!DOCTYPE html>
<html long="en">
<head>
<meta charset="utf-8">
<title>颜色的单位</title>
<style type="text/css">
.box1{
width: 100px;
height: 100px;
/*background-color: blue;*/
/*background-color: rgb(239,239,239);*/
/*background-color: rgb(100%,50%,50%);
background-color: #00ff00;*/
background-color: #0f0;
/*background-color: #aabbac;/*这种不能简写*/
}
</style>
</head>
<body>
<div class="box1"></div>
</body>
</html>
