第一周学习随笔Html基本标签

Html常用标签：

1. 文本标题（H1-H6）:一级标题--六级标题，每个标题标签有自己的文本大小，并且自带加粗、独占一行，有默认间距。

2.段落标签：<p>......</p>

3.换行标签：<br/>

4.水平线标签：<hr/>

5.文本加粗标签：<strong>......</strong>

6.文本倾斜标签：<i>......</i>

7.文本中的删除线标签：<del>......</del>

8.下划线标签：<u>......</u>

9.文本上标标签：<sup>......</sup>

10.文本下标标签：<sub>......</sub>

11.

<font>

字体标签，用于展示效果中修饰文字样式

size:控制字体大小.最小1 ~ 最大7。如果设置范围不在1~7之间，设置无效

color：控制字体颜色. 使用英文设置（例如：red,blue…）

face：控制字体类型。只能设置系统字库中存在的字体类型

示例：

<body>

东边日出<font color="green" size="50" face="宋体">西边雨</font>

</body>

效果：

<br/>

12.

列表标签

无序列表标签，用于在效果中定义一个无序列表

列表条目项标签，用于在效果中定义一个列表的条目

有序列表标签，用于在效果中定义一个有序列表

表格标签

13.

表格标签，用于在效果中定义一个表格

border：设置表格的边框粗细

width：设置表格的宽度

表格的行标签，用于在效果中定义一个表格行

表格的单元格标签，用于在效果中定义一个表格行中的单元格

表格的书写顺序：

步骤1：定义一个表格 <table></table>

步骤2：定义表格中的一行 <tr></tr>

步骤3：在表格一行中定义单元格 <td></td> 内容就可以写在单元格中

示例：

<table>

<tr>

<td>姓名</td>

<td>数学</td>

</tr>

<tr>

<td>A</td>

<td>100</td>

</tr>

</table>

效果：

表格的表头单元格标签，用于在效果中定义一个表格行中的表头单元格

<th>和<td>唯一区别：<th>内容居中加粗

示例：

<table boder="1px" width="100%">

<tr>

<th>姓名</th>

<th>数学</th>

</tr>

<tr>

<td>A</td>

<td>100</td>

</tr>

</table>

效果：

单元格合并

<td>或者<th>都有两个单元格合并属性：

colspan：跨列合并单元格

rowspan：跨行合并单元格

合并步骤：

确定合并哪几个单元格，确定是跨列合并还是跨行合并

在第一个出现的单元格上书写合并单元格属性

合并几个单元格，属性值就书写几

被合并的单元格必须删掉

示例：

<tr>

<td conspan="2">1</td>

<td>3</td>

<td>4</td>

</tr>

示例：

<tr><td rowspan="2">6</td>

<td>7</td>

<td>8</td>

</tr>

<tr>

<td>12</td>

<td>15</td>

</tr>

示例：

<tr>

<td conspan="2" rowspan="2">8</td>

<td>11</td>

</tr>

<tr>

<td>16</td>

</tr>
14.

块标签

行级的块标签，用于在效果中一行上定义一个块，进行内容显示。

span有多少内容，就会占用多大空间。

Span不会自动换行

适用于少量数据展示

示例：

<span>哈哈哈哈哈</span>

<span>呵呵呵呵呵</span>

效果：

15.

块级的块标签，用于在效果中定义一块，默认占满一行，进行内容的显示

默认占满一行

会自动换行

适用于大量数据展示

示例：

<div>哈哈哈哈哈</div>

<div>呵呵呵呵呵</div>
16.

框架标签

框架标签：<frameset>

<frameset> 标签，是多个窗口页面整合在一起的一个集合（框架集）。每一个页面（框架）都是单独文档，需要使用子标签<frame>来确定页面的位置。<frameset>通过列和行来确定整体布局，使用cols确定列数，使用rows确定行数。多个<frameset>可以嵌套使用。

<frameset>和<body>两个不能共存。

rows属性和cols属性取值：值1,值2,值3,….. 一个值表示一行（列），多值使用逗号分隔，值可以是 10px、10% 等，最后一个值如果不想计算可以使用*匹配剩余量。

框架子标签：<frame>

<frame>标签，用于设置<frameset>框架集中的一个页面（框架）。

src属性：确定页面的路径

noresize属性：框架分隔先不能移动

target属性：确定需要显示的页面在何处显示

posted on 2022-09-12 09:32 翟冰钗阅读(55) 评论(0) 编辑收藏举报

第一周学习随笔Html基本标签

搜索

常用链接

随笔档案

阅读排行榜