七海的html和css学习笔记(四)

第四章  Web之旅

        域名
                域名就是一个唯一的名字,可以用来定位网站,下面给出一个例子:
                                    www.starbuzzcoffee.com
                在这个网址中,"www."是域中一个特定服务器的名字;"starbuzzcoffee.com"被称之为域名;不同的域结尾有不同的用途:.com、.org、.gov、.edu、另外还可以表示一个不同的国家,如:.co.uk、.co.jp等。

        URL

                在浏览器中输入的Web地址称为URL,或统一资源定位符(Uniform Resource Locators)。

                URL是一个全局地址,可以用来定位Web上的任意资源,包括html页面、音频、视频、和很多其他形式的Web内容。除了指定资源的位置,URL还可以指定用来获取资源的协议。

                下面来剖析一个URL:

                        http://www.startbuzzcoffee.com/index.html

                上面的URL中,http是指用来获取资源的协议;中间的网址是网站名,刚刚已经介绍过了;第三部分是从根文件夹到资源的绝对路径。                   

                要定位Web上的某个资源,只要你知道维护这个资源的服务器以及资源的绝对路径就可以创建一个URL,让Web浏览器使用某个协议为你获取这个资源,通常会使用HTTP。


        什么是HTTP?

                HTTP也称为超文本传输协议(HyperText Transfer Protocol)。换句话说,这是在Web上传输超文本文档的公认的一种方法(协议)。尽管”超文本文档“通常只是指HTML页面,但这个协议实际上还可以用来传输图像或Web页面可能需要的其他任何文件。


        如何链接到其他网站?

                URL并不只是在浏览器中输入,还可以在HTML中使用。我们要把这个URL放在一个<a>元素中,可以这样做:

                        <a href="http://wickedlysmart.com/buzz">Caffeine Buzz</a>

                就这么简单,要链接到Web上的资源,只需要它的统一资源定位符(URL),把这个URL放在<a>元素中作为href属性值。

                

        为链接增加标题以便访问

                <a>元素有一个title属性,就是用来提供链接信息的。有些人可能被这个属性名搞糊涂了,因为<head>中还有一个名为<title>的元素,之所以名字相同,这是因为他们本来就是相关的。

                可以像这样为<a>元素增加title属性:

                                Read the <a href="http://wickedlysmart.com/buzz"

                                                  title="Read all about caffeine on the Buzz">Caffeine Buzz</a>

                title属性有一个值,这是所要链接的页面的文本描述,只要在页面中把鼠标移到链接上,就可以看到相应的描述。


        链接到一个页面指定位置

                到目前为止,只要链接到另一个页面,浏览器就会加载整个页面,并从头开始显示。如果想进入网页时就进入特定的位置呢?

                <a>元素可以带一个id属性,允许你直接访问页面中的一个特定点。下面来看如何使用id属性在页面中为<a>创建目标。

                        1.  找到页面中你希望创建锚点的位置,这可以是页面上的任何文本,不过通常是标题。

                        2.  为目标选择一个标识符名,如“coffee”或者“sun”,并在元素的开始标记插入一个id属性。

                        例:<h1 id="coffee">coffee</h1>

                要链接到页面中的一个特定元素,只需在链接最后加一个#,再加上目标标识符。

                        例:<a href="http://www.coffee.com/#coffee">coffee</a>

                这样就可以在点击链接的时候定位到指定位置了。


        链接到一个新窗口

                在点击链接时,如何在新窗口打开所点击的链接呢?

                可以为<a>元素添加一个target属性,告诉浏览器使用一个不同的窗口,target属性会告诉浏览器页面的“目标窗口”。如果使用“_blank”作为目标,浏览器就总是打开一个新窗口。下面看一下示例:

                                <a target="_blank" href="http://wickedlysmart.com/buzz"

                                     title="Read all about caffeine on the Buzz">Caffenine Buzz</a>

                不一定要把target指定为“_blank”。如果指定另一个名字,如“coffee”,那么有相同目标名“coffee”的所有链接都会在同一个窗口中打开。这是因为,为target指定一个特定的名字时,如“coffee”,实际上就是在对显示链接页面的新窗口命名。“_blank”则是一种特殊情况,告诉浏览器总是使用一个新窗口。

                

                

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值