美文网首页
HTML超链接、图片、表格

HTML超链接、图片、表格

作者: 毛毛虫灾害 | 来源:发表于2017-01-06 13:32 被阅读83次
    <!-- a 超链接常用属性 href 表示连接到的地址        
    target   打开资源方式  
     _self:当前窗口打开  
     _blank:新窗口打开
    .同级
    ..上一级目录-->
    <a name="top"></a>
    <a href="../1.jpg">超链接</a>
    <a href="http://www.baidu.com">超链接</a>
    <a href="lesson1.html#list" target="_self">超链接</a>
    <br>
    <!-- 协议执行资源的基本流程  使用协议到本地计算机的注册表中查找是否有对应协议的软件,有就执行,没有就不执行-->
    <!--  file://本地文件协议(本地或局域网)默认在href不写就是使用这个默认的协议     
     thunder:迅雷下载软件协议      
    mailto:调用本地的发送邮件的客户端软件-->
    <a href="http://www.movie.fuchouzhe.avi">高清(复仇者联盟)普通通道</a><br>
    <a href="thunder://www.movie.fuchouzhe.avi">高清(复仇者联盟)迅雷通道</a><br>
    <a href="mailto:songwei@gehua.cc">发送邮件给朋友</a><br>
    <!-- 超链接的使用
    1、连接到资源
    2、作为锚点使用    
    打锚点:<a name="锚点名称"></a>    
    去到锚点:<a href="#锚点名称">内容</a>-->
    <a href="#ch01">去到第一张</a>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <a name="ch01"></a>
    第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容
    <a href="#top">回到顶部</a>
    
    <!-- img图片标签  
    src:表示图片源位置    
    width:图片宽度    
    height:图片高度    
    alt:替代文本   
     title; 提示文本,当鼠标放在图片上面出现   
     热点  area-->
    <br>
    ![](1.png)
    <map name="Map" id="Map">    
    <area shape="rect" coords="50,59,116,104" href="1.html" />    <area shape="circle" coords="118,203,40" href="2.html" /></map>
    <!-- 转义字符  在html语法中,存在一些特殊的字符,这些字符是不能原样输出的,如果想让这些字符原样输出,就需要进行转义常见的转义字符:    
    特殊字符        转义字符     
       <              <   letter than      
        >              >    greater than     
       &              &      
      空格             -->
    
    <h3>标题</h3>
    
    <!-- table 表示一个表格常用标签
    tr表示表格中的一行
    td表示行中的一个单元格
    th表示表头
    catpion 表头
    常用属性
    boder 表格的边框
    rowspan  行合并
    colspan  列合并-->
    <table width="500px" height="500px" align="left" border="1" >    <caption>宋薇个人信息</caption>    
    <tr align="center">       
     <th>姓名</th>       
     <th>年龄</th>   
     </tr>    
    <tr align="center">    
     <td rowspan="2">宋薇</td>        
    <td>30</td>    
    </tr>    
    <tr align="center">        
    <td>31</td>    
    </tr>    
    <tr align="center">        
    <td >石晨</td>       
     <td>30</td>    
    </tr>
    </table>
    

    相关文章

      网友评论

          本文标题:HTML超链接、图片、表格

          本文链接:https://www.haomeiwen.com/subject/fontbttx.html