首页 > 代码库 > 9.6上午学习内容

9.6上午学习内容

<ol><li>:有序序列 

<ol type="1">
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>

网页上显示为

  1. 第一项
  2. 第二项
  3. 第三项

<ol type="I">
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>

上面代码在网页上显示为

   I.第一项

   II.第二项

   III.第三项                                                                                                                                                                                                                                                                                                                                                                                                                              

<ul><li> :无序列表          

<ul type="square">
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>

网页上显示为

   ■ 第一项

   ■  第二项

   ■ 第三项

square=■     circle=○    disc=●

 

常用标签

一、<a></a>

1.超链接    <a href="http://www.baidu.com">百度</a>  

2.超链接的条件   ① 超链接的内容

                      ②指向明确   在href属性里面写上指向的地方

3.功能   ①做超链接

           ②做下载    下载的内容为href指向的文件。不能作为下载的内容的文件有文本文档、图片文件、网页文件,不能下载的原因是此三种文件都可以在                 网页上打开。

           ③做锚点    先做一个锚点,锚点代码为<a name="top"></a>。再在其它地方做一个回到锚点的代码,代码为<a href="http://www.mamicode.com/#top"></a>回到顶                 部,注意top前面的#健。

二.<img/>单标签元素

1.src    图片的路径   <a href="http://www.mamicode.com/9c7b9c15d195f155b8127b26.jpg">图片显示名称</a>

2.width   图片的宽度  <img src="http://www.mamicode.com/91a0ce0020c142541c958332.jpg" width="72" height="96" alt="网页图标" title="测试图片" />

3.height  图片的高度

4.alt    提示文字    当图片由于某些原因显示不出来时,图片位置显示的字体

5.title  图片的标题   鼠标放上几秒后显示

6.图片超链接   点击图片会连接到一个网址     网站超链接里面的文字嵌套成图片  

                   <a href="http://www.baidu.com">
                   <img src="http://www.mamicode.com/91a0ce0020c142541c958332.jpg" />
                   </a>

                                                                                                     

9.6上午学习内容