首页 > 代码库 > html学习笔记三

html学习笔记三


图片标签 img

一般是将图片放在编译器,当前项目的目录中

<img src=http://www.mamicode.com/"imgs/1.jpg" height="500" width="500" border="10" alt="啊,小狗!" />>

图像地图:map

比如,某地方地图的某一位置,一点,就到了当地的XX网站

应用:在当前图像选取某一部分做链接

但是图片的区域是通过坐标来完成的,通过一些软件来划分图片,作为热点区域


表格标签:<table>

行:tr 

单元格:td

cellpanding cellspacing:单元格边距与间距  

<body>
    <table border="1" bordercolor = "#000EE" cellpadding="10" width="500">
        <caption>信息</caption>
        <tr>
            <th> 姓名</th> <th> 年龄</th>
        </tr>
        <tr>
            <td> 张三</td> <td> 18 </td>
        </tr>
         </table>
</body>

关于不规则表格的制作:先数多少行,再数、每行多少格

colspan = "2":占两列

rowspan = "2":占两行

   <table border="1" bordercolor = "#000EE" width="500" cellpadding="10" cellspacing="0" >
        <tbody><!--表格的下一级变标签是tbody,不写也有-->
         <tr> <th colspan="2"> 个人信息 </th> </tr>

         <tr> <td>张三</td> <td>18</td></tr>
         </tbody>>
     </table>
     <hr/>
     <table border="1" bordercolor = "#000EE" width="500" cellpading="10" cellspacing="0">
        <tbody>
         <tr> <th rowspan="2"> 个人信息 </th> <td>张三</td></tr>
         <tr> <td>18</td> </tr>
         </tbody>>
    </table>


超链接 <a herf = "" > </a>

作用:连接资源
有了herf才有类点击效果,herf属性值不同,解析方式也不同
如果属性值没有指定过任何协议,那么在解析时,是按照默认的协议来解析该值(file协议),所以要加http

<a href="http://www.baidu.com" target="_blank">百度</a><hr/>
<a href="imgs/1.jpg" target="_blank">图片</a><hr/>
<a href="mailto:qingchun_qidian@163.com ">联系我 </a><!--mailto:发邮件协议--><hr/>
<a href="http://www.xunlei.com/moves/hyrz.rmvb">火影忍者 </a><!--任何浏览器点击即可下载-->
<hr/>
<!--迅雷用自定义thuner协议来指定只能用迅雷下载,将原有地址加密-->
<a href="thunder://hyrz.rmvb">火影忍者2</a>


<!--取消超链接点击后的默认效果-->
<a href="javascript:void(0)" onclick="alert('未满18岁禁止进入')">链接</a><br/>
<!--启动javascript解析引擎,void(0)神码也不做,启动自己的效果-->


定位标记(锚):网页当前界面回到指定坐标位置

<a name = "top">Top</a>
        <img src=http://www.mamicode.com/"imgs/1.jpg" width="440" height="500" alt="x" border="10"/>>


 <!--注意,坐标的定位,必须对应的网页相对位置-->
 <!--比如center就是定义在当前html代码的中间位置-->
<!--bottom的坐标定位代码,就必须写在代码的下部位置-->

 

框架 <frameset>

框架的应用主要是在N年以前,现在应用的较为少,过时产品

框架的作用,让一个窗体显示多种资源,实现了窗口复用

关于框架的内容代码,不要写在body内,因为它不是主体内容


做一个如上框架,左边框点开链接,在右边框显示

<frameset rows="30%,*"> <!--上下两部分,上面30%,*代表剩余全部-->
        <frameset src = http://www.mamicode.com/top.html" name = "top"/>>
画中画标签<iframe >


 <iframe src=http://www.mamicode.com/"1.html" height="500" width="600"> 画中画标签</iframe>>
比如说某病毒,会在本地的所有html文件中都加入上述那一句话,就会恶意访问你的电脑,浏览器下部,会显示加载情况,注意观看是否是当前的网页








html学习笔记三