zoukankan      html  css  js  c++  java
  • 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>
    

      

  • 相关阅读:
    《别闹了,费曼先生》听书笔记
    提升失败回报率的清单
    《真实的幸福》听书笔记
    JAVA好书之《深入理解Java虚拟机》
    2017第32周五
    2017第32周四
    《具身认知》听书笔记
    javascript的rsa加密和python的rsa解密
    python socket timeout设置
    想使用gevent、mysql、sqlalchemy实现python项目协程异步达到并发的效果
  • 原文地址:https://www.cnblogs.com/dixingchen/p/12259796.html
Copyright © 2011-2022 走看看