对 html的进一步复习

  一：  首先，编写html文本结构

<html>
      <head>
          <title>  这是页面的一个标题</title>
          <style type=“text/css”>
                      body{
                          }
                       </style>
      <h1>这是告诉浏览器这是标题</h1>
        在这之前可以放图片
          <p>这是开始段落</p>
       
</head>这结束主体
</html>这 是告诉浏览器在这结束html

 

二： 进行的链接

<1>在文中的格式<a href="mission.html">read about our mission(这是链接的标题)</a>

　　给链接添加标题用到Title

把title 加到<a>元素中来 
Read the <a   href="http://www.headfirstlabs.com"
                title="Read all about  caffiene on the buzz">Caffeine Buzz</a>

在此说一下<a>元素的作用

  • 有跳跃性，从一个页面到另一个页面
  • 还可以在页面中设置登录点，或者链接的目的地
  • 创建一个目标锚（用<a>元素把文本包围起来）选择目的地的标识名如Chai.coffee,并在<a>元素中插入id属性
<a id="chai">Chai Tea.$1.85</a>这就是创建目标锚

<2>另外一种就是链接到目标锚

   相对链接或URL链接到网页在链接后面添加# 后边 再加。目标锚标识符。

Read the <a href="http://buzz.headfirstlabs.com#Coffee"
                title="Read all about caffiene on the buzz">Caffeine Buzz</a>

 

如何链接到目标锚：

 

不管是相对链接还是URL链接到网页都要在链接后面加#，再接目标锚标示符例如

 

<a href="index.html#chai">See Chai Tea</a>

 

　　

 

三：打开一个新窗口target(对象)打开一个新窗口

　　　

　在一个新窗口中打开一个网页，一定要告诉浏览器那个新窗口的窗口名。没指定浏览器将在原来的窗口中显示网页。

　可以通过<a元素中添加>target属性告诉浏览器受用不同窗口

　target属性的值是浏览器页的“对象窗口”值设置为“-blank”浏览器总是打开新窗口来显示网页

Read the <a target="-blank"href="http://buzz.headfirstlabs.com#Coffee"
                title="Read all about caffiene on the buzz">Caffeine Buzz</a>
posted @ 2012-10-28 17:18  晴天宝宝  阅读(176)  评论(0)  编辑  收藏  举报