Java Web_02从入门到精通

                                   列表和使用列表

一、列表类型
定义列表:dl
无序列表:ul
有序列表:ol
二、插入定义列表

基本语法

名称

说明

定义组成列表项名称部分

解释说明定义的项目名称

<dl>
   <dt>联系人<dd>XXX
   <dt>联系地址<dd>北京市丰台区
   <dt>邮政编码<dd>100036
  </dl>

三、插入无序列表

• 
  基本语法:

• 项目名称

<ul>
   <li>联系人：</li>xxx
   <li>联系地址：</li>北京市丰台区
   <li>邮政编码：</li>100036
  </ul>

四、插入有序列表

1. 
   基本语法

<ol type="" start="">
<li>项目名称</li>
</ol>

Type:设定符号类型，属性值有1,A,a,i,I
Start:设定列表的符号从第几项开始
如：

<ol Type="a">
     <li>联系人：xxx</li>
     <li>联系地址：北京市丰台区</li>
     <li>邮政编码：100036</li>
   </ol>

插入图像
一、插入图片
基本语法

如：

<center>
  <h2>网页中插入图片</h2>
  <hr>
  <img src="1.jpg">
  </center>

二、添加图片提示文字
基本语法

Alt提示文字可以是中文也可以是英文
如：

<center>
  <h2>添加图片提示文字</h2>
  <hr>
  <img src=2.jpg alt=延安大学图书馆>
  </center>

三、设置图片的宽度和高度
基本语法：

图片高度和宽度的单位可以是像素也可以是百分比
如：

<center>
  <h2>设置图片宽度和高度</h2>
  </center> 
      <br>原图</br>
      <img src="4.jpg">
      <br>设置后为宽150像素高80像素</br>
      <img src="4.jpg" width=150px height=80px>

四、设置图片对齐方式
基本语法

关键字：Top，middle，bottom，left，right
如：

<center>
  <h2>设置图片对齐方式</h2>
  </center>
  <hr>
  <p>
  	<img src="3.jpg" align=top>
  图片顶部与同行的文字顶部对齐
  </p>
  <p>
  <img src="3.jpg" align=middle>
  图片中部与同行的文字中部对齐
  </p>
  <img src="3.jpg" align=bottom>
  图片底部与同行的文字底部对齐

超链接的使用
一、路径概念
相对路径：以引用文件的网页所在的位置为参考基础而建立的目录路径。
绝对路径：以WEB站点的根目录为参考基础的目录路径。
二、超链接的建立
基本语法：
链接文字
Target:用于指定打开链接的目标窗口，默认属性为原窗口，如果是打开一个新窗口，可以设置target=_blank。
如：

<A href="http://www.sina.com.cn">新浪网</A>

插入内部链接
基本语法

<a href=#目标名称 target=窗口名称>目录文字</a>

在链接的目标处使用<a name=目标名称>超链接目标</a>
如：

<h3>思考一下</h3>
<a href="#Second">世界上哪里的海不产鱼？</a><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><h3><a name="Second">第一题答案</a></h3>
辞海不产鱼

三、图像链接
基本语法
<img src=参数值　alt=参数值border=参数值　aligh＝参数值　height=参数值　width=参数值　vspace=参数值hspace=参数值>
如：

<center>
	点击此处查看图片——>
<a href="http://www.163.com" target="查看图片"><img src=3.gif></a>
</center>

四、邮箱链接
基本语法：

<a href=mailto:E-mail地址?cc=抄送人E-mail 地址&bcc=密件抄送地址&subject=邮件主题&
body=邮件正文>描述文字</a>

如：

<a href=mailto:123@163.com?cc=1@yahoo.com.cn&bcc=2@tom.com&subject=祝福&
body=节日快乐>给你写信</a>