HTML布局和链接

1、无序列表<ul></ul>
disc 实心圆 circle空心圆 square实心矩形
语法 <ul type="项目符号类型">
<li type="项目符号类型">内容1</li>
<li type="项目符号类型">内容2</li>
...
     </ul>
2、有序列表<ol type="属性值">
start="列表起点"---里面是阿拉伯数字
属性值
1  表示1、2、3、4...阿拉伯数字表示
a  表示小写字母a、b、c、d....
A  表示大写字母A、B、C、D....
i  表示 i、ii、iii
l  表示l、ll、lll
</ol>


3、定义列表自定义
语法
<dl>
     <dt>标题1</dt>
     <dd>内容1</dd>
     <dd>内容2</dd>
     <dt>标题2</dt>
     <dd>内容1</dd>
     <dd>内容2</dd>
</dl>
<dt></dt>表示一个项目
<dd></dd>表示一个项目下的更详细的内容

一、超链接:实现网页之间的跳转(导航)

  (1)超链接组成：

     a.热点：被点击的文字或图片

     b.目标：点击后被打开的网页或位置

   (2)<a  href="目标">热点</a>

  (3)超链接细分:

     a.页面间链接: <a href="网页的路径">热点</a>

     b.链接本网页某个位置:

       首先用锚记为该位置取名: <a  name="位置名"/>   锚名

       再链接: <a href="#位置名">热点</a>

     c.链接到另一个网页某个位置:

       <a href="网页名#位置名">热点</a>

     d.功能链接

       <a href="mailto:邮箱地址">联系我们</a>

二、路径：

   a.绝对路径：是指完整路径，从盘符开始

   b.相对路径：相对于当前页面的位置

     例:  <img src="a.jpg"/>          当前文件夹的a.jpg

         <img src="image\a.jpg"/>    当前文件夹的image子文件夹中的a.jpg

         <img src="..\a.jpg"/>       上一级文件夹中的a.jpg

         <img src="..\..\a.jpg"/>    上上级的文件夹中的a.jpg

         <img src="..\image\a.jpg"/> 上一级文件夹中的image文件夹中的a.jpg

   c.网页开发时，将相关网页放在同一个文件夹,将图片放在image子文件夹中,使用相对路径调用,

     首页的名字为index.html