您的位置：首页 > Web前端 > HTML

Html常用块级标签练习

2016-09-16 11:19 204 查看
 代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>海的个人网站</title>
</head>
<body>
<div id="Mp3section">
<h1>Mp3歌曲排行榜</h1>
<hr/>
<h2>歌曲目录</h2>
<p>第一名：周杰伦的七里香</p>
<p>第二名：游鸿明的下沙</p>
<p>第三名：张惠妹的听海</p>
<hr/>
</div>

<div id="fruitsort">
<h3>我喜欢吃的水果排名</h3>
<ol>
<li>苹果</li>
<li>葡萄</li>
<li>香蕉</li>
</ol>
</div>

<div id="travelline">
<h3>旅游路线精选</h3>
<ul>
<li>上海--杭州--海南</li>
<li>深圳--香港--泰国</li>
<li>昆明--丽江--西藏</li>
</ul>
<hr/>
</div>

<div id="chemistry">
<dl>
<dt>水</dt>
<dd>符号：H2O</dd>
<dd>生命之源</dd>

<dt>氧气</dt>
<dd>符号：O2</dd>
<dd>生命之父</dd>
<dl>
</div>

</body>
</html>


制作截图：



总结：

关于标题标签,段落标签，水平线标签，有序列表标签，无序列表标签，定义描述标签，分区标签的整合练习
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航