html中的超链接与框架

关于hyper reference的学习笔记
超链接主要分为两种:基于文本的超链接,和基于图片

1基于文字的超链接

文本格式
这里就将文本设置为了超链接,而url就是你需要连接到的地址
这里设置超链接方式比较简单,主要就是需要了解url名词
url(uniform resourse locator)统一资源定位器
结构:http://www.artech.cn/study/index.htm
其中http://开头代表了使用的协议:HTTP协议(超文本链接协议)
www.artec.cn:代表了主机名(ip地址或者域名)
/study/index.htm锁定目标文件

相对于文档的url

(a href="…/sub/03.htm" )(此处使用‘(’代表‘<’):代表了此文档的父文档下的sub文件夹下面的03.htm文件,起始的地址为当前的文件

相对于服务器的url

(a href="/02.htm."):代表了当前服务器下的根目录下的02.html文件

也可以在页面内部设置超链接

/*标准格式:文本点击超链接之后就会跳转到
文本  的地方
*/

第一本书

精通css+div网页样式与布局

.....................

此处的点击"第一本书"这个超链接就会跳转到"精通css+div网页样式与布局"实现页面内跳转

图片的超链接

类似于文字的超链接,这里只做简单的笔记


邮件的超链接

可以把邮件的超链接看作是超链接的一种类型,是链接到邮箱的一种

联系我们
/*当然可以把文本换成图片*/

创建热区区域


	
		
		/*矩形,前两个代表了左上角的坐标,后两个代表了右下角的坐标*/
		
		/*圆形,前两的代表了圆心的坐标,后一个代表了半径*/
		
		/*多边形 类似*/

frame和frameset

使用框架结构,可以使得同一个页面分割成为独立的多个窗口,同时,窗口之间可以相互联系





frame框架的复习


 
    
    
    
    



html中的超链接与框架_第1张图片

target属性

使用target属性使得本来相互独立的窗口,联系在一起





frame框架的复习


 
    
    
    
    


html中的超链接与框架_第2张图片

你可能感兴趣的:(html,html超链接)