Html常用块级标签练习

代码：

<!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>

制作截图：

总结：

关于标题标签,段落标签，水平线标签，有序列表标签，无序列表标签，定义描述标签，分区标签的整合练习

Html常用块级标签练习相关推荐

我的javaweb学习之旅--html常用块级标签
html常用块级标签常用的有p,h1~h6,div,ul 等 1.h1~h6 <body> <h1></h1> 一级标题 ...... <h6>& ...
html标签的显示模式（块级标签，行内标签，行内块标签）（转）
html标签的显示模式(块级标签,行内标签,行内块标签) 今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签.那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用, ...
html标签的显示模式（块级标签，行内标签，行内块标签）
今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签.那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用,比如宽.高.水平居中等,其实这个属性的使用只有在块级标签上 ...
HTML（一）：行级标签、块级标签、其他标签
目录 0.Web前端介绍 0.1 什么是网页 0.2 网页的组成 0.3 开发前的准备一.HTML 1.1 HTML概念 1.1.1 HTML是什么 1.1.2 HTML基本结构 1.1.3 HTM ...
常用块级元素与行内元素
常用块级元素: div.p.h1~h6.ul.ol.dl.li.dd.table.hr.blockquote.address.table.menu.pre,HTML5新增的header.section ...
去除行块级标签之间的默认间距
当两个行块级标签之间有空格,或者换行时,行块级标签之间会有一个默认4px的间距.去除方法如下: 方法一: 将紧连的行块级都放在一行,如果行块级的内容比较少,这么做还是可以的:但内容比较多的时候,这么做 ...
前端学习（142）：行级标签和块级标签
块级标签:(block) 1.独占一行,不和其他元素待在同一行,宽度自动填满父元素宽度 2.能设置weight(宽).height(高)属性 3.可以设置margin,padding属性常见的块级标 ...
HTML中行级标签与块级标签都有哪些？
块级元素特征: 1.每个块级元素都独占一行,其后的元素只能另起一行,两个元素不能处在同一行(但可以通过float.display: inline和弹性布局等方式实现-) 2.元素的高度.宽度.行高和 ...
html块级标签转换,html标签中的块级元素详解
今天,我们就讲解一下html标签中的块级元素,主要包括块级元素的概念.作用.特点,还有就是块级元素有哪些标签等内容. 块级元素概念块级元素是一类css样式display默认值为block的html标 ...

Html常用块级标签练习

Html常用块级标签练习相关推荐

最新文章

热门文章