Java web复习第二天———HTML

6 列表标签**

  <dl></dl>  列表的范围

 <dt> </dl>  上层内容

 <dd> </dd> 下层内容

 

  有序列表标签：

1）  <ol> </ol> 有序列表的范围 ，有属性 type 可以取 1,a,i

2）  Ol里面的标签<li> 具体内容</li>

无序列表标签

1)  <ul> 列表范围 </ul> 属性type  空心圆 circle，实心圆 disc（默认） ，实心方框 square

2)  <li> 列表内容 </li>

7 图片标签

  <img src=”图片路径”/>

--属性： width 宽   height 高  alt 图上的文字—需要把鼠标停留在图片上

--路径的介绍 

绝对路径----str=”图片的完整的地址”

相对路径：1 图片与文件在同一个目录，直接用文件名就可以了

          2 图片在文件的同层目录的下层目录中，可以用  文件名\...\图片名

          3 图片地址在文件的上层目录中可以使用 ../../\图片名

8 超链接标签

  --*链接标签

<a href=”转到的路径”> 显示在页面上的内容</a>

 --href 转到的路径 当设置为 #时候什么也不打开什么也不写的话默认打开文件夹

 --target 设置打开的方式默认当前页打开

    *_blank : 在新窗口打开

   --_self : 当前页打开 （默认）

9 定位资源

  <a name=”top”>定位</a>   定位

 <a href=”#top”> 回到顶部</a>                 回到所定的位置

10 表格标签

  <table></table>: 表示表格的范围

 Table 里面有 <tr> </tr> 属性： align  取值 left center right 对齐方式

 Tr 里面有<td> </td> 属性： align  取值 left center right 对齐方式

           <th></th> 与td 区别是可以加粗字体并且居中

 --首先定义一个表格的范围使用table ，定义一行使用 tr 在每一行里有单元格使用td

颜色

<tableborder="1" width= "555" heigh ="333" bordercolor= "red " cellspacing="0">

宽 与高

单元格取消框

 

粗细

                                                                                                                                                      

  表格标题标签<caption>标题内容</caption>

 

合并单元格

  --跨行 ：rowspan

  --跨列 ：colspan