首页 > 代码库 > HTML-day-2-HTML常用标签

HTML-day-2-HTML常用标签

一、常用标签

  1. 超链接标签

 

href-----hyperlink reference

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

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

         ②做锚点链接,<a href=http://www.mamicode.com/”目标链接的name的值”

  1. 图片标签

<img src=http://www.mamicode.com/”图片地址” 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”合并同一列单元格(从第二行开始减去对应的列)

HTML-day-2-HTML常用标签