列表和使用列表
一、列表类型
定义列表:dl
无序列表:ul
有序列表:ol
二、插入定义列表
基本语法
-
名称
- 说明
<dl>
<dt>联系人<dd>XXX
<dt>联系地址<dd>北京市丰台区
<dt>邮政编码<dd>100036
</dl>
三、插入无序列表
基本语法:
- 项目名称
<ul>
<li>联系人:</li>xxx
<li>联系地址:</li>北京市丰台区
<li>邮政编码:</li>100036
</ul>
四、插入有序列表
基本语法
<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>