HTML中的文本、清单和表格内容元素的详细说明
文章目录
- 一、文本内容元素``
- 定义和用法
- 用法
- 支持的浏览器
- 注意：
- 二、 清单（也称做列表）
- 1.`
- ` 无序清单（也称作无序列表）
- 定义和用法
- 浏览器支持：
- 2.`
- ` 有序清单（也称作有序列表）
- 定义和用法
- 浏览器支持：
- 定义清单
- 定义和用法：
- 浏览器支持:
- 1.`
- 三、表格 Table
一、文本内容元素
HTML 元素 (或 HTML 文档分区元素) 是一个通用型的流内容容器，在不使用CSS的情况下，其对内容或布局没有任何影响。
定义和用法
可定义文档中的分区或节（division/section）。
标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
用法
是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 固有的唯一格式表现。可以通过的 class 或 id 应用额外的样式。
不必为每一个 都加上类或 id，虽然这样做也有一定的好处。
可以对同一个 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。
如果用 id 或 class 来标记 ，那么该标签的作用会变得更加有效。
支持的浏览器
注意：
中避免使用其他有关文本内容、内容分区这样的元素，因为在中使用会将其分成多个小块，而不是一个整体。
<body><div>生活有一点，我不是太喜欢，<p>那就是他总让更懂事的人来承担糟糕的感受和结果。p><address>独木舟address>div>
body>
原本应该是占全部元素，结果被分成一小块了。
而其他元素各占一小块。
二、 清单（也称做列表）
1.
HTML
定义和用法
浏览器支持：
<ul>无序清单<li>无序列表li><li>unordered listli><li>以 清单项目(list item) 为子元素li>ul>
其中子元素前的项目符号有三个，但并不推荐使用：
- disc
- square
- circle
分别效果：
（disc）
<ul>无序清单<li type="disc">无序列表li><li type="disc">unordered listli><li type="disc">以 清单项目(list item) 为子元素li>ul>
（square）
<ul>无序清单<li type="square">无序列表li><li type="square">unordered listli><li type="square">以 清单项目(list item) 为子元素li>ul>
（circle）
<ul>无序清单<li type="circle">无序列表li><li type="circle">unordered listli><li type="circle">以 清单项目(list item) 为子元素li>ul>
2.
HTML
定义和用法
浏览器支持：
<ol>有序清单<li>有序列表li><li>ordered listli><li>以 清单项目(list item) 为子元素li>ol>
其中也可以通过“type = “” ”修改标记类型种类，其中包括五种标记类型：
- 1 ：标记符号为阿拉伯数字
<ol>有序清单(标记符号：1)<li type="1">有序列表li><li type="1">ordered listli><li type="1">以 清单项目(list item) 为子元素li>ol>
- A ：标记符号为大写英文字母
<ol>有序清单(标记符号：A)<li type="A">有序列表li><li type="A">ordered listli><li type="A">以 清单项目(list item) 为子元素li>ol>
- a ：标记符号为小写英文字母。
<ol>有序清单(标记符号：a)<li type="a">有序列表li><li type="a">ordered listli><li type="a">以 清单项目(list item) 为子元素li>
ol>
- I ：标记符号为大写罗马数字
<ol>有序清单(标记符号：I)<li type="I">有序列表li><li type="I">ordered listli><li type="I">以 清单项目(list item) 为子元素li>ol>
- i ：标记符号为小写罗马数字
<ol>有序清单(标记符号：i)<li type="i">有序列表li><li type="i">ordered listli><li type="i">以 清单项目(list item) 为子元素li>ol>
定义清单
HTML
定义和用法：
（定义列表中的项目）和 （描述列表中的项目）。
浏览器支持:
定义清单也被称作定义列表，英文全称是 definitinon list,在定义清单内可以 定义术语( definitinon term ),在 术语之后紧跟 定义描述 ( definitinon description )
<body><h6>定义清单h6><dl><dt>definitinon listdt><dd>定义列表dd><dd>定义描述 ( definitinon description )dd><dt>定义术语( definitinon term )dt>dl>
body>
三、表格 Table
The HTML table model allows authors to arrange data – text,
preformatted text, images, links, forms, form fields, other tables,
etc. – into rows and columns of cells.
HTML 表格模型允许作者将数据——文本、预格式化文本、图像、链接、表单、表单域、其他表格等——排列到单元格的行和列中。
<table align="center"><caption><b>购物清单b>caption><tr><th>商品名th><th>数量th><th>价格（元）th>tr><tr><td>牙刷td><td>2td><td>10.5td>tr><tr><td>毛巾td><td>4td><td>24td>tr><tr><td>衣架td><td>20td><td>16.8td>tr><tr><td>牙刷td><td>2td><td>10.5td>tr>table>
可以通过 rowspan（纵向合并） 和 colspan（横向合并）将指定行数或是列数合并。
<tr><th rowspan="2">学号th><th rowspan="2">姓名th><th colspan="3">成绩th>tr>
而表格整体分为三部分：
:表格头:表格体（如果不自己加了话，浏览器会自动加）:表格脚
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！
