1. 程式人生 > >HTML第二章

HTML第二章

建行 size 方式 baseline 設置 pan col otto 目標

第二章列表、表格與框架

一.列表的分類:

1.無序列表

2.有序列表

3.定義列表

類型

說明

項目符號

(type=””屬性設置項目符號)

無序列表

(unorder list)

以<ul>聲明無序列表

以<li></li>作為每個列表項的起始

</ul>

Disc項目符號顯示實體圓心(默認)

Square項目符號顯示為實體方心

Circle項目符號顯示為空心圓

有序列表

(olorder list)

以<ol>聲明有序列表

以<li></li>作為每個列表項的起始

</ol>

1使用數字作為項目符號(默認)

A/a使用大小寫字母作為項目符號

I/i使用大小定字母作為項目符號

定義列表

以<dl>聲明定義列表

以<dt></dt>作為每個列表列項的起始

使用<dd></dd>定義內容

</dl>

無項目符號或顯示順序

二.表格:

1.使用表格的好處:簡單、結構穩定

2.表格的基本結構:單元格、行、列

3.表格的基本語法:

<table border=“邊框的寬度”cellpading=“內邊距”cellspacing=”外邊距”>

<tr>在table裏創建行標簽,可以有多行。

<tdcolspan=“所跨的列數”></td>在行標簽裏創建單元格。

<td></td>在行標簽裏創建單元格。

</tr>

<tr>在table裏創建行標簽,可以有多行。

<tdrowspan=”所跨的行數”></td>在行標簽裏創建單元格。

<td></td>在行標簽裏創建單元格。

</tr>

</table>

屬性

說明

align

(水平對齊方式)

left

左對齊

center

居中對齊

right

右對齊

valign

(垂直對齊方式)

top

頂端對齊

middle

劇中對齊

bottom

底線對齊

baseline

基線對齊

三.<frameset>框架:

1.使用框架的好處:(1)在同一個瀏覽器窗口顯示多個頁面。 (2)可以實現頁面復用。(3)實現典型的“目錄結構”。

2.框架類型:(1)框架。 (2)內聯框架。

<frameset cols(列)=“25%、50%、*” rows(行)=“50%、*” border=”5”>

<frame src=”sfsfsf.html”>

<frame src=”ytbsvx.html”>

</frameset>

屬性

作用

舉列

frameborder

是否顯示框架周圍的邊框

frameborder=”1”

name

框架標識名

name=”frame”

scrolling

是否顯示滾動條

Scrolling=”no”

noresize

是否允許調整框架窗口大小

noresize=“noresize”

3.設置超連接“target”目標窗口屬性為希望顯示的框架窗口名。

<span>

<a href=”right.html” target=”rightFrame”>

<img src=”images/reg.jpg” alt=”註冊”/></a>

</span>

Target的屬性取值:

屬性值

含義

-blank

在新窗口中打開連接

-self

在鏈接所在頁面的自身窗口中打開鏈接

框架窗口名

要指定的框架窗口中打開鏈接

-Parent

在父框架集中打開鏈接,如果不是框架網頁,則含義同“-self”

-top

在頂級窗口(即整個瀏覽器窗口)中打開鏈接

4.<iframe>內聯框架

<html>

<head>

<title></title>

<body>

<iframe src=”subframe/theone.html”width=”400px”height=”236px”frameborder=”1” scrolling=”no”></iframe>

</body>

</html>

HTML第二章