HTML链接等说明

1.HTML链接

链接是超级链接的缩写,英文是hyperlink。

HTML中的H就是hypertext的缩写,超文本的意思。

超文本链接语言(网页)的精髓就是链接,通过链接才可以把世界各地的网页链到一起,成为互联网。

1）a标签：代表HTML链接

a标签是成对出现的,以开始, 结束

2）属性.

Common -- 一般属性

accesskey -- 代表一个链接的快捷键访问方式

charset -- 指定了链接到的页面所使用的编码方式,比如UTF-8

coords -- 使用图像地图的时候可以使用此属性定义链接的区域,通常是使用x,y坐标

href -- 代表一个链接源(就是链接到什么地方)

hreflang -- 指出了链接到的页面所使用的语言编码

rel -- 代表文档与链接到的内容(href所指的内容)的关系

rev -- 代表文档与链接到的内容(href所指的内容)的关系

shape -- 使用图像地图的时候可以使用shape指定链接区域

tabindex -- 代表使用"tab"键,遍历链接的顺序

target -- 用来指出哪个窗口或框架应该被此链接打开

title -- 代表链接的附加提示信息

type -- 代表链接的MIME类型

a,是anchor(锚)的第一个字母

3）示例：

显示的文字

a-- 是链接的标签

href-- 是链接的属性,告诉浏览器链接到的网址(URI)

url-- 是我们要链接到的网页或者文件。url可以是一个绝对的网页,如: 或者是一个相对网页；url除了是网页外,还可以是其它的文件(如文本文件,pdf文件等).

url还可以是指向HTML文件中的一个位置.

url还可以是Email地址.

 

2.HTML图像

图像会使网页更加生动,图可以描述更复杂的问题。

1）img 标签 -- 代表HTML图像

img标签是单独出现的,

2）属性:

Common -- 一般属性

alt -- 代表图像的替代文字

src -- 代表一个图像源(就是图像的位置)

height -- 代表一个图像的高度

width -- 代表一个图像的宽度

img,是image(图像)的缩写

3）示例：

img标签说明

img -- 是图像的标签

src -- 属性告诉浏览器图片的具体位置,就像连接的href标签一样告诉浏览器要链接到的文件,可以用URI表示,URI表示法见相对路径和绝对路径

alt -- 图片的替代文字.有些浏览者不想看到图片(比如由于网速太慢),有些早期的浏览器也不支持图片,还有一种可能'你把图片的具体位置写错了',这些情况浏览者是看不到图片的,这时alt可以在图片的位置上显示出代替的文字,这是非常有用的,记得一定要加上

title -- 图片的提示文字,当鼠标停留到图片上时,会提示相关文字

 

3.HTML表格

表格table曾经是页面排版最有用的工具,但是表格排版带来的弊端也显露无疑.

1）table 标签 -- 代表HTML表格

table标签是成对出现的,以

开始,以结束

引用网址:

属性

Common -- 一般属性

summary -- 代表表格的摘要说明

width -- 代表表格的宽度

border -- 代表表格边框(此属性应该使用CSS实现)

cellspacing -- 代表表格边框与表格内容填充的距离,也是内容填充之间的距离(此属性应该使用CSS实现)

cellpadding -- 代表内容填充的宽度(此属性应该使用CSS实现)

table，中文"表格"的意思

2）说明

width -- 是表格的宽度,可以使用象素px或者百分比

border -- 是表格的边框的宽度,使用px表示,此属性应该使用CSS实现

tr -- 代表一行

th -- 代表表格头

td -- 代表一个单元格

 

以上内容的详细信息与实例请参考：