1,标准流(normal flow)
标准流,也称文档流,指标签盒子在页面中默认的排布规则(从左至右,自上而下)
2,块级元素(block-level elements)
常见块级元素:div、ul、ol、li、p、h1~h6、dl、dt
排布规则和默认设定
块级元素独占一行 ,自上而下排列
块级元素可设宽高和内外边距
若不设宽度,则默认为父级元素宽度
高度没有默认,不设高度若元素无内容就不可见,有内容高度就随内容的变化动态改变
块级元素内可包含块级元素和内联元素(行内元素)
特殊ul的一级子标签一般只能是ol或lidl的一级子标签一般只能是dt和dd
html4.01 参考手册(共89个)
排序按字母顺序
< !–…–> 定义注释。
< !DOCTYPE> 定义文档类型。
< a> 定义锚。
< abbr> 定义缩写。
< acronym> 定义只取首字母的缩写。
< address> 定义地址元素。
< applet> 不赞成使用。定义 applet。
< area> 定义图像映射内部的区域。
< b> 定义粗体字。
< base> 定义页面当中的所有链接的基准链接。
< basefont> 不赞成使用。定义基准字体。
< bdo> 定义文字显示的方向。
< big> 定义大号字。
< blockquote> 定义长的引用。
< body> 定义 body 元素。
< br> 插入一个回车(折行)。
< button> 定义按钮 (push button)。
< caption> 定义表格标题。
< center> 不赞成使用。定义居中文本。
< cite> 定义引用(citation)。
< code> 定义计算机代码文本。
< col> 定义用于表格列的属性。
< colgroup> 定义表格的列组。
< dd> 定义定义的描述。
< del> 定义被删除文本。
< dir> 不赞成使用。定义目录列表。
< div> 定义文档中的节。
< dfn> 定义定义的项目。
< dl> 定义定义列表。
< dt> 定义定义的项目。
< em> 定义强调文本。
< fieldset> 定义域结构。
< font> 不赞成使用。定义文字的字体、尺寸和颜色。
< form> 定义表单。
< frame> 定义框架的子窗口。
< frameset> 定义框架集。
< h1> to < h6> 定义标题 1 到标题 6。
< head> 定义关于文档的信息。
< hr> 定义水平线。
< html> 定义 html 文档。
< i> 定义斜体字。
< iframe> 定义内联框架。
< img> 定义图像。
< input> 定义输入域。
< ins> 定义被插入文本。
< isindex> 不赞成使用。定义单行的输入域。
< kbd> 定义键盘文本。
< label> 定义针对表单控件的标签。
< legend> 定义框架集的标题。
< li> 定义列表的项目。
< link> 定义资源引用(resource reference)。
< map> 定义图像映射。
< menu> 不赞成使用。定义菜单列表。
< meta> 定义元信息。
< noframes> 定义无框架的节。
< noscript> 定义无脚本的节。
< object> 定义内嵌对象。
< ol> 定义有序列表。
< optgroup> 定义选项组。
< option> 定义下拉列表中的选项。
< p> 定义段落。
< param> 定义用于对象的参数。
< pre> 定义预格式文本。
< q> 定义短的引用。
< s> 不赞成使用。定义加删除线的文本。
< samp> 定义计算机代码样本。
< script> 定义脚本。
< select> 定义选择列表。
< small> 定义小字体文本。
< span> 定义文档中的节。
< strike> 不赞成使用。定义加删除线文本。
< strong> 。 定义强调文本。
< style> 定义样式的定义。
< sub> 定义下标文本。
< sup> 定义上标文本。
< table> 定义表格。
< tbody> 定义表格的主体(部分)。
< td> 定义表格单元。
< textarea> 定义文本区域。
< tfoot> 定义表格的页脚(脚注)。
< th> 定义表格的页眉(表头单元格)。
< thead> 定义表格的标题。
< title> 定义文档的标题。
< tr> 定义表格的行。
< tt> 定义打字机文本。
< u> 不赞成使用。定义下划线文本。
< ul> 定义无序列表。
< var> 定义变量。
< xmp> 不赞成使用。定义预格式文本
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的< body> 标签中,输入html代码:< dt style=”float: left”> 123< /dt> < dd> 789< /dd> 。
3、浏览器运行index.html页面,此时dt标签和dd标签成功实现了显示在同一行。