网页设计-HTML各种标签

常用标签

常用标签	作用
p段落
a链接	<a herf="url" target> 链接文本
br	换行
-h1-h6	标题种类

文本格式

文本格式	作用
<b></b>	加粗文本
<i></i>	斜体文字
<small><\small>	删除线文本
<code><\code>	电脑自动输出
<u><\u>	下划线文本
<sub><\sub>	下表
<sup><\sup>	上标

适用于大多数HTML元素的属性

文本格式	作用
class	为html元素定义一个或多个类名
id	定义元素的唯一id
style	规定元素的行内样式
<title	描述了元素的额外信息（作为工具条使用）
<align	元素的对齐方式

< head >元素

文本格式	作用
class	为html元素定义一个或多个类名
id	定义元素的唯一id
style	规定元素的行内样式
<title	描述了元素的额外信息（作为工具条使用）
<align	元素的对齐方式

段落标记P

分段标记定义一个，使用该标记后，内容隔一行显示。  空格符

水平线标记hr

<hr width=“宽度” noshade=“阴影” align=“对齐” color=“颜色”/>

---

HTML图像-图像标签

• 列表内容

  <img> 是空标签，意思是说，它只包含属性，并且没有闭合标签

• 列表内容

  格式格式

<img src=“图形文件路径和文件名” alt=“提示文本” border=“边框宽度” align=“对齐方式” width=“宽度” height=“高度”/>

• 列表内容

  要在页面上显示图像，你需要使用源属性（src）。src 指 “source”。源属性的值是图像的 URL 地址。

• alt 属性用来为图像定义一串预备的可替换的文本。
  替换文本属性的值是用户定义的。在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。

• ight（高度） 与 width（宽度）属性用于设置图像的高度与宽度。

---

HTML 表格 <table> 标签

• 每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
• <table border=“1”> 边框
• 表格的表头使用 <th> 标签进行定义。
• <caption>Monthly savings</caption> 表格标题

标签	描 述
<table>	定义表格
<th>	定义表格表头
<tr>	定义表格的行
<td>	定义表格单元
<caption>	定义表格标题
<colgroup>	定义表格列的组
<col>	定义表格列的属性
<thead>	定义表格的页眉
<tbody>	定义表格的主体
<tfoot>	定义表格的页脚

表格标签

<table>
 <tr>
    <th>表格标题1</th> <th>表格标题2</th>…<th>表格标题n</th>
</tr>
<tr>
   <td>单元格1</td><td>单元格2</td>…<td>单元格n</td>
</tr>
</table>

---

Table 常用属性

• align:表格在页面的对齐方式，取值包括left right center
• Background：指定表格背景图片的URL地址
• Bgcolor:指定表格背景颜色
• Border:表格边框的宽度单位（像素），默认0 W
• idth:指定表格的宽度，以像素或百分比为单位
• Cellpadding:边框的填充范围，是表格内部内容与表格边线的距离。
• Cellspacing：不同单元格之间的间距

Tr常用属性

• Align:行中的水平对齐方式，默认left
• Bgcolor：行的背景颜色
• Valign：行中单元格的垂直对齐方式，默认top，还可以是middle,bottom,或baseline(基线对齐）

Td常用属性

• Align:指定单元格内文本的水平对齐方式，默认left
• Bgcolor：指定单元格的背景颜色
• Colspan：合并单元格时一个单元格跨越的列数
• Rowspan:合并单元格时一个单元格跨越的行数

HTML列表标签

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