HTML-day-2-HTML常用标签

Posted 2020-08-08 喜气洋洋得意

一、常用标签

1. 超链接标签

 

href-----hyperlink reference

_blank，是指在新窗口中打开。

   作用：①做锚点的标签，<a name=””></a>

         ②做锚点链接，<a href=”目标链接的name的值”

1. 图片标签

<img src=”图片地址” alt=”文字” width=”图片宽度” height=”图片高度”/>

高和宽设置一个即可，显示图片会按比例缩放；在图片无法加载时显示alt里的文字，还可帮助搜索引擎搜索。

二、表格与表单

①表格

<table></ttable>表格

属性：

width:=”宽度”，可以用像素px或者百分比表示。常用960px。

Border=”边框宽度”，常用值0。

cellpadding=”内容跟单元格边框的边距”，常用值0.

cellspace=”单元格之间的距离”，常用值0。

align=”对齐方式”，常用center居中、left靠左、right靠右。

Bgcolor=”背景色”。

Background=”背景图片”。

②表格-行

<tr></tr>行

属性

Align=”内容的水平对齐方式”， 常用center居中、left靠左、right靠右。

Valign=”内容的垂直对齐方式”，常用middle 中间、top向上、bottom向下。

Bgcolor=”背景色”。

Background=”背景图片”。

③表格-单元格

<td></td>单元格

④表格-表头

<th></th>表头，单元格的内容自动居中、加粗。

属性

width:=”宽度”，可以用像素px或者百分比表示。

Height=”单元格高度”。

align=”对齐方式”，常用center居中、left靠左、right靠右。

Bgcolor=”背景色”。

Background=”背景图片”。

⑤内容必须放在单元格里，单元格必须放在行里，行必须放在表格里。设置单元格行高、列宽时会同时影响对应的行或列。

⑥单元格合并

建议尽量用表格嵌套。

Colspan=”n”,合并同一行单元格（后面写代码要减去相对应的列）

Rowspan=”n”合并同一列单元格（从第二行开始减去对应的列）