首页 > 代码库 > html(二)

html(二)

1无序列表

ul是没有前后顺序的信息列表。

<ul>

<li></li>

<li></li>

......

</ul>

ul在网页中显示的默认样式一般为:每项li前都自带一个圆点

2、有序列表

<ol>

<li>信息</li>

<li>信息</li>

......

</ol>

<ol>在网页中显示的默认样式一般为:每项<li>前都自带一个序号,序号默认从1开

<div>容器标签

<div>标签,<div>标签的作用就相当于一个容器。

<div>…</div>

<div> 是一个块级元素,浏览器通常会在 div 元素前后放置一个换行符。

3、表格

table、tbody、tr、th、td

<table>...</table>:整个表格以<table>标记开始、</table>标记结束。

<thead>...</thead>:

<tbody>...</tbody>:

<tfoot>...</tfoot>:表格的语义标题;为了格式好看,一般用这三个标签将一个表格分成三部分,方便查找,修改

<tr>…</tr>:表格的行。

<td>…</td>:表格的一个单元格

<th>…</th>:表格的头部的一个单元格,表格表头。

<caption>...</caption>表格的标题

表格基本样式:

colspan列合并  

rowspan 行合并

boder-collaspe 表格框变单边框

cellpadding 单元格的内边距

cellspacing 单元格的外边距

<A>标签:

链接到别一个页面

使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。

<a href=http://www.mamicode.com/”目标网址”>链接显示的文本

<img>标签:

为网页插入图片

<img src="http://www.mamicode.com/图片地址" alt="下载失败时的替换文本" title = "提示文本">

 

html(二)