HTML
1.常见标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>练习</title>
<link rel="stylesheet" href="../css/pra.css">
</head>
<body>
<p>我的猫咪起<strong>爆</strong></p>
<em>漂亮了</em>
em>第一</em><em>第二</em><em>第三</em>
<p>第四</p><p>第五</p><p>第六</p>
<img src="">
<input type="text" disabled>
<input type="text">
<h1>经典回忆</h1>
<p>
相思无用,惟别而已。别期若有定,千般煎熬又何如?莫道黯然销魂,何处<strong>柳暗花明</strong>?<br>
——《神雕侠侣》
</p>
<img src="../image/q.jpg">
<h1>静夜思</h1>
<p>床前明月光 疑是地上霜</p>
<p>举头望明月 低头思故乡</p>
<h1>这是一个顶级标题</h1>
<span style="font-size: 32px; margin: 21px 0;">这是顶级标题吗?</span>
<ul>
<li>列表项1</li>
<li>列表项2</li>
</ul>
<ol>
<li>列表项1</li>
<li>列表项2</li>
</ol>
<ol>
<li>先用蛋白一个、盐半茶匙及淀粉两大匙搅拌均匀,调成“腌料”,鸡胸肉切成约一厘米见方的碎丁并用“腌料”搅拌均匀,腌渍半小时。</li>
<li>用酱油一大匙、淀粉水一大匙、糖半茶匙、盐四分之一茶匙、白醋一茶匙、蒜末半茶匙调拌均匀,调成“综合调味料”。</li>
<li>鸡丁腌好以后,色拉油下锅烧热,先将鸡丁倒入锅内,用大火快炸半分钟,炸到变色之后,捞出来沥干油汁备用。</li>
<li>在锅里留下约两大匙油,烧热后将切好的干辣椒下锅,用小火炒香后,再放入花椒粒和葱段一起爆香。随后鸡丁重新下锅,用大火快炒片刻后,再倒入“综合调味料”继续快炒。
<ul>
<li>如果你采用正宗川菜做法,最后只需加入花生米,炒拌几下就可以起锅了。</li>
<li>如果你在北方,可加入黄瓜丁、胡萝卜丁和花生米,翻炒后起锅。</li>
</ul>
</li>
</ol>
<dl>
<dt>培根</dt>
<dd>整个世界的粘合剂。</dd>
<dt>鸡蛋</dt>
<dd>一块蛋糕的粘合剂。</dd>
<dt>咖啡</dt>
<dd>一种浅棕色的饮料。</dd>
<dd>可以在清晨带来活力。</dd>
</dl>
<i>咖啡</i>
<b>切面包</b>
<u>奶茶</u>
<p><a href="https://www.qq.com/">腾讯</a></p>
<time datetime="2016-01-20">20 January 2016</time>
<header>
<h1>Cute Puppies Express!</h1>
</header>
<main>
<p>I love beagles <em>so</em> much! Like, really, a lot. They’re adorable and their ears are so, so snuggly soft!</p>
</main>
<nav>
<ol>
<li>主页</li>
<li>注册页面</li>
<li>登录页面</li>
</ol>
</nav>
<p>主要内容</p>
<aside>
<p>The Rough-skinned Newt defends itself with a deadly neurotoxin.</p>
</aside>
<article>
<h1>How to be a wizard</h1>
<ol>
<li>Grow a long, majestic beard.</li>
<li>Wear a tall, pointed hat.</li>
<li>Have I mentioned the beard?</li>
</ol>
<footer>
<p>© 2018 Gandalf</p>
</footer>
</article>
<main>
<article>
</article>
<aside>
<h2>相关链接</h2>
<ul>
<li><a href="#">这是一个超链接</a></li>
</ul>
</aside>
</main>
<footer>
<p>© 2050 某某保留所有权利</p>
</footer>
<div class="shopping-cart">
<h2>购物车</h2>
<ul>
<li>
<p><a href=""><strong>银耳环</strong></a>:$99.95.</p>
</li>
<li>
...
</li>
</ul>
<p>售价:$237.89</p>
</div>
<em>好好学习</em><em>天天向上</em>
<em>好好学习</em><br><em>天天向上</em>
<em>好好学习</em><hr><em>天天向上</em>
</body>
</html>
2.运行结果