【HTML】前端学习DAY2知识点小结

1. HTML 列表标签

• <ol> 定义有序列表
• <ul> 定义无序列表
• <li> 定义列表项
• <dl> 定义列表
• <dt> 自定义列表项目
• <dd> 定义自定列表项的描述

说明

ul是unordered lists的缩写 (无序列表)

li是list item的缩写 （列表项目）

ol是ordered lists的缩写（有序列表）

dl是definition lists的英文缩写 (自定义列表)

dt是definition term的缩写 (自定义列表组)

dd是definition description的缩写（自定义列表描述）

nl是navigation lists的英文缩写 （导航列表）

tr是table row的缩写 （表格中的一行）

th是table header cell的缩写 （表格中的表头）

td是table data cell的缩写 （表格中的一个单元格）

2.HTML 区块元素和内联元素

• HTML 区块元素

大多数 HTML 元素被定义为块级元素或内联元素。

块级元素在浏览器显示时，通常会以新行来开始（和结束）。

实例: <h1>, <p>, <ul>, <table>,<blockquote>(长引用)

• HTML 内联元素

内联元素在显示时通常不会以新行开始。

实例: <b>, <i>,<td>, <a>, <img>，<q>（短引用）

• <div>

HTML

元素是块级元素，它可用于组合其他 HTML 元素的容器。

元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。如果与 CSS 一同使用，

元素可用于对大的内容块设置样式属性。

元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 元素进行文档布局不是表格的正确用法。 元素的作用是显示表格化的数据。

• <span>

HTML 元素是内联元素，可用作文本的容器
元素也没有特定的含义。
当与 CSS 一同使用时， 元素可用于为部分文本设置样式属性。

3.HTML 布局

我们可以使用HTML table标签来设计出漂亮的布局，但是table标签是不建议作为布局工具使用的 – 表格不是布局工具。