HTML第二章

第二章列表、表格与框架

一.列表的分类:

       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>

 

      

 

posted @ 2017-10-07 19:30  盼盼的胖胖  阅读(288)  评论(0编辑  收藏  举报