HTML总结——2


1. 超链接的使用


基本语法:

	<a href="*" target="打开方式" name="页面锚点名称" title="鼠标划过显示的文本">链接文字或者图片</a> 



1) target

  • _blank 在一个新的窗口打开链接
  • _self(默认值) 在当前窗口打开链接
  • _parent 在父窗口中打开页面(框架中使用较多)
  • _top 在顶层窗口中打开文件 (框架中使用较多)



2) name


示例:
		<a name="顶部"></a>
		<a href="#底部">到页面底部</a>
		
		<a name="底部"></a>
		<a href="#顶部">到页面顶部</a>

此时,点击底部顶部的a标签,会移动到该位置。




2. 表格标签

1)<table>标签
属性:
  • align 表格的显示位置 (left居左、center居中、right居右)

  • cellspacing 单元格间距,默认为2px

  • cellpadding 单元格内容与单元格边框的显示距离

  • frame 控制表格边框最外层的四条边框
    如:

     void(默认值) 无边框
     above              仅顶部有边框  
     below              仅底部有边框 
     hsides             仅顶部和底部有边框
     lhs                仅左侧有边框
     rhs                仅右侧有边框
     vsides             仅左右两侧有边框
     box                四周皆有边框
     border             四周皆有边框
    

  • rules 控制是否显示以及如何显示单元格之间的分割线
    如:

     	none(默认值)   无分割线
     	all            均有分割线
     	rows           仅有行分割线
     	clos           仅有列分割线
     	groups         仅在行组和列组之间有分割线                   
    

  • summary 摘要

  摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

语法:

			<table summary="表格简介文本">



2)<caption>标签

若表格需要标题,我们可以用<caption>;它写在<table>之后,<tr>表格之前。

使用align属性控制表格标题位置:
上——top
下——bottom
左——left
右——righr



3)<tr>标签

定义表格的一行,每一行标记内可以嵌套多个或者标记

属性:
  • vlign 设置垂直方向对齐方式

     bottom  顶端对齐 
     top     底部靠齐
     middle  居中靠齐
    
  • align 设置水平方向对齐方式

     left   靠左
     right  靠右
     center 居中    
    



4)<th>&&<td>标签

  都是单元格的标记,必须嵌套在里面,成对出现。
  <th>是表头标记,通常位于首行或首列;<th>中的文字默认加粗,<td>不会
  <td>是数据标记,是该单元格的具体数据。


属性:
align   (水平对齐方式)
valign  (垂直对齐方式)
rowspan (单元格所占行数)横
colspan (单元格所占列数)竖 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值