HTML 常用标签3

HTML 常用标签3

超级链接

网站中随处可见超级链接的身影,打开百度新闻,任意点击一段话,就会打开新闻详情页,这全部都是超级链接:

10.png

超级链接

语法格式:

<a 属性 = “值”>……</a>

注:<a>中不能再套<a>标记

常用属性

  • href:目标文件的地址URL,该URL可以是相对地址,也可以是绝对地址。

  • target:目标文件的显示窗口。

  • blank:在新窗口中打开目标文件。

  • self:在当前窗口中打开目标文件(默认打开),相当于“替换”操作。

  • parent:在父级窗口来打开目标文件。

  • top:在最顶级窗口来打开目标文件。

其中 parent、top 常用框架网页中,我们在之后会有介绍

  • name:定义锚点链接的名称。

绝对地址URL

(1)远程的绝对地址

访问远程的文件,总是以“<a href="http://”域名、主机名开头。">http://”域名、主机名开头。</a>”

实例:

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
        <h1>欢迎加入php.cn</h1>
        <a href="http://www.php.cn/" >php.cn</a>
        <hr>
        <a href="http://www.taobao.com/" target="_blank">淘宝网</a>
        <hr>
        <a href="http://www.baidu.com/" target="_blank">百度</a>
    </body>
</html>

(2)本地的绝对地址(很少使用)

访问本地的绝对地址,是以<a href="http://file😕//开头的绝对地址。">file:///开头的绝对地址。</a>

在上一个实例的基础上添加:

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
        <h1>欢迎加入php.cn</h1>
        <a href="http://www.php.cn/" >php.cn</a>
        <hr>
        <a href="http://www.taobao.com/" target="_blank">淘宝网</a>
        <hr>
        <a href="http://www.baidu.com/" target="_blank">百度</a>
        <a href="file:///D:/image.html" target="_blank">点击查看图片</a>  
    </body>
</html>

相对地址URL

(1)当前文件和目标文件是同级关系,链接地址直接写目标文件名。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
        <h1>欢迎加入php.cn</h1>
       <a href="1.jpg">图片</a>  
    </body>
</html>

(2)当前文件与目标文件所在的文件夹是同级关系,先找“文件夹名”,然后再找“文件名”。

也就是,目标文件位于下一级。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
        <h1>欢迎加入php.cn</h1>
       <a href="image/1.jpg">图片</a>  
    </body>
</html>

(3)目标文件位于上一层目录中,往上找对应的目录,再找目录中的文件。

往上找,使用“../”符号表示。

“../”代表上一级目录

“../../”代表上两级目录

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
        <h1>欢迎加入php.cn</h1>
       <a href="../image/1.jpg">图片</a>  
    </body>
</html>

特殊的链接

(1)、下载链接

什么样的文件会出现下载提示?

反过来说,哪些文件网页可以直接执行?如:.jpg、.png、.gif、.html、.htm、.txt等。

大部分文件,浏览器是不能直接执行的。如:.doc、.xls、.ppt、.rar、.psd……

不能直接执行的话就会出现下载框

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
        <h1>欢迎加入php.cn</h1>
       <a href="image/1.rar">下载</a>  
    </body>
</html>

(2)、邮箱链接

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
        <h1>欢迎加入php.cn</h1>
       <a href="mailto:php@php.cn">有问题的话,请给我们发邮件</a>  
    </body>
</html>

(3)、普通空链接(#)

步执行任何跳转的链接:

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
        <h1>欢迎加入php.cn</h1>
       <a href="#">这是一个空链接</a>  
    </body>
</html>

锚点链接

含义:

锚点链接,是在一个网页的不同区域进行跳转。锚点理解为“定义记号”。

定义锚点(作个记号):

<a  name = “锚点名称"></a>

锚点名称的命名规则:

可以包含字母、数字、下划线,但只能以字母开头。

注意:<a>和</a>之间没有内容,换句话说:这个记号不是让我们看的,而是给链接用的。

例如:

<a  name = “top"></a>

跳转到锚点(记号):

语法:

<a  href = “文件名#锚点名称">……</a>

文件名:

可有可无。如果是同一个网页的不同部分跳转,不需要文件名;如果是跳到另一个网页的不同部分,这时必须要有文件名。

注意:这里的<a>和</a>要有内容,否则,无法进行跳转。

例如:

<a  href = "#top2">返回顶部</a> <!-- 跳转到同一个网页的不同部分 -->

例如:

<a  href= "news.html#bottom">返回底部</a> <!-- 跳转到news.html文件的底部 -->

来看一个返回页面顶端的实例:

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
    <a name="top"></a>
    <h1>全国300城"卖地"收入已近2万亿 无锡涨幅居首达470%</h1>
	<h3>2016年10月12日 07:30   来源:中国经济网 </h3>  
    
  <p>中国经济网北京10月12日讯(记者宋雅静)据中国经济网记者了解,1-9月全国300城共成交土地15585宗,较去年减少7%,成交面积57508万平方米,同比减少2%。在收金方面大幅增长,总额达到19262亿元,同比大增40%。其中,住宅用地出让金总额15021亿元,同比增加56%。仅前三季度的“卖地收入”就已超去年全年收金,二线城“地王诞生”领跑全国。</p>

  <p>通过中国经济网记者制表可看到,南京、上海、苏州、杭州四大热点城市收入破千亿,无锡收入同比涨幅高达470%,位居全国第一。</p>

  <p>CRIC等机构认为,尽管目前22城密集发布楼市调控新政,但房企在一线城市的规模诉求依旧强烈,对强二线城市的价格上涨预期也保持坚定,四季度地市或降温艰难。同时,在此轮政策调控在政策出台后,市场将逐步形成并强化调整预期。
  据中指院数据显示,2016年1-9月,全国300个城市共成交土地15585宗,同比减少7%;成交面积57508万平方米,同比减少2%。其中,住宅用地4262宗,同比减少2%;成交面积18309万平方米,同比基本持平。从整体成交情况看,主要城市供地收窄致成交同比略降,一线冷清、二线成交热度攀高。</p>

  <p>1-9月全国300个城市土地出让金总额为19262亿元,同比增加40%。其中,住宅用地出让金总额15021亿元,同比增加56%。1-9月,全国40个大中城市出让金以同比上涨为主,无锡等长三角热点城市涨幅居前;同比下滑城市中,北京、广州降幅仍超五成,长沙、成都降幅较小。</p>

  <p>从市场总体来看,前三季度土地市场供需略降,地价与溢价同涨,出让金增加四成。中指院报告认为,2016年1-9月,全国300城市土地供需总量较去年同期小幅回落,地价呈普遍上涨态势,尤以二线城市表现突出,带动出让金同比增加四成。上半年,一线城市收缩供地规模,二线重点城市成为房企争夺主战场;三季度以来,市场热度由杭州、南京蔓延至苏州、合肥、厦门、郑州等城市,房价伴地价同涨引发近十个城市出台楼市及土拍新政,四季度一二线城市将再次进入政策紧缩期。
  纵观前三季度各大房企拿地热情高涨,高溢价已成为一二线城市土拍常态,平均溢价率也在不断冲高。数据显示,1-9月全国300个城市土地平均溢价率49%,较去年同期上升35个百分点;其中住宅类用地(含住宅用地及包含住宅用地的综合性用地)平均溢价率63%,较去年同期上升45个百分点。</p>

  <p>面对房地产市场的“失控”,近期22城密集发布楼市调控新政,10月9日迎来了调控背景下的首次土地竞拍,北京、成都各有一幅宅地均以高价成交。其中成都宅地溢价率191.67%,北京自住商品房地块经47轮报价,溢价率39.74%,楼板价2.08万元/平方米,已接近2.3万元/平方米(含全装修成本)的销售限价。据CRIC报告分析,这两幅地虽只是个案,但代表意义不可忽视,企业在一线城市的规模诉求依旧强烈,对强二线城市的价格上涨预期也保持坚定,四季度地市降温艰难。</p>

  <p>不同城市需求的差异化特点直接影响着市场买卖双方对调控政策的反应程度,因政策引起的预期改变,将使市场中的企业和消费者对所在城市的供需变化进行重新评估,从而导致房价会产生波动也在所难免。</p>

  <p>中国经济网记者认为,在此轮政策调控在政策出台后,市场将逐步形成并强化调整预期,地价与房价此后究竟能走向何方?是涨还是跌?仅靠一时恐怕还很难看得真切。</p>
  <a href="#top">返回新闻顶部</a>
  </body>
</html>
posted @ 2022-05-26 11:22  ppqppl  阅读(26)  评论(0编辑  收藏  举报