HTML学习3

1、内联框架

使用欸连框架可以引入一个人外部页面,使用iframe来创建一个内联框架。

属性:src:指向一个外部页面的路径,可以使用相对路径。

           name:可以为内联框架指定一个name属性。

text01:

<!doctype html>
<html>  
      <head>  
              <meta charset="utf-8"/>
              <title>      html的学习      </title>
      
      </head>

     <body>  
          <h1>  Hello World!</h1>
          <h2>这是<font color="red" size="7">  第一个  </font>网页!</h2> 
                                       <!-- 注释--->
      </body>

 </html>



text02:
</doctype html>
<html>
   <head>
     <title>这是一个内联框架</title>
   </head>
   <body>
      <h1>我是text02.html</h1>
   <iframe src="text01.html"></ifream>
   </body>
</html>

  

2、超链接

  可以让我们从一个页面跳转到另一个页面,使用a标签来创建一个超链接

    属性:

   (1) href:指向链接跳转的目标地址,可以写一个相对路径也可以写一个完整地址

            a标签中的target属性可以指定打开链接的位置 ;

                  可选值:_self,表示在当前窗口打开(默认值)

                                 _blank,在新的窗口打开链接

               <a  target="text01.html">   这是一个超链接   </a>

     <center>   center标签中的内容会默认在页面中居中显示  </center >

     <left > 左对齐</left>          <right > 右对齐</right>

<!doctype html>
<html>  
      <head>  
              <meta charset="utf-8"/>
              <title>      html的学习      </title>
      
      </head>

     <body>  
          <center><h2> 这是我的个人博客</h2></center>
           <hr/>
          <center><h3>东风破</h3> </center>
            <br/>  
            <center><a href="text02.html" target="_blank">周杰伦</a></center>
          <br/> 
        <center><h5>一盏离愁  孤单屹立在窗口</h5> </center>
         <br/> 
        <center><h5>我在门后 假装你人还没走</h5> </center>
        <br/>
       <center><h5>旧地如重游 月圆更寂寞</h5> </center>
       <br/>
      <center><h5>夜半清醒的烛火 不人不苛责我</h5>  </center>
      <br/>
    <center><h5>一壶漂泊 浪迹天涯难入吼</h5></center>
     <br/>
     <center><h5>你走之后 酒暖回忆思念瘦</h5> </center>  
        <center><img src="1.jpg"></center>
      </body>

 </html>

  

 

posted on 2020-02-04 16:04  帝星辰  阅读(131)  评论(0编辑  收藏  举报

导航