html标签学习之笔记(二)

接着上一章做总结,在自己编写代码的时候突然想到如果我想输入“<”“>”之类的符号,该怎么办呢,查阅资料,得知,这样就要使用字符实体,也就是用一些字符的组合代替。经常使用到的有:(注,后面的分号必须加上)

  • 小于号<:&lt;或者&#60;
  • 大于号>:&gt:或者&#62;
  • 和号&:&amp;或者&#38;
  • 引号":&quot;或者&#34;
  • 撇号':&apos;(IE不支持)或者&#39;
  • 空格:&nbsp

我们可以使用定义锚点的方式使得页面跳转到该页面的固定位置,在想要跳转到的地方加入<a name="name">###</a>,name属性的值自己定义,也就是引号中的内容随意,在这里面假设定义为值为name,在此页面的其他位置定义另外一个连接,在此链接中使用所定义的锚点,即:<a href="#name">@@@</a>。#代表的是当前页面,这样在点击链接@@@的时候,页面会跳到当前页面###的位置。

提到连接,还有一种连接的应用,给一个图片加上多个不同的链接,也就是图像地图。这需要定义热点,然后在热点中定义热点的区域,使得只要点击该区域的任何位置都能够跳转到相应的链接中去,然而只定义这些并不足够,我们还需要连接图片与热点,即在图片中使用热点,这就用到了usemap属性。例如:

<img src="logo.gif" usemap="#mymap" border=0/>

<map name="mymap">

  <area shape="rect" coords="5,5,100,100" href="http://www.baidu.com" />

</map>

area标签中shape属性是规定了区域的形状,值有以下三种:矩形-rect(coords指定矩形的第一个和第四个顶点),圆形-circle(coords指定圆形的圆心坐标和半径),多边形-poly(coords指定各顶点)。

最后还学习了窗口分帧,窗口分帧用来将一个浏览器窗口分成若干个窗口,使每隔窗口都可以有自己独立的显示,这个主要应用于后台管理页面,前台一般不会使用,因为它不利于搜索引擎的搜索

窗口分帧主要用两个标签<frameset><frame>,<frameset>标签使用rows和cols属性划分区域,例如:

这是将一个浏览器分成两行,每行是一个独立的窗口,在第二行中又分成两列,注意:有几个<frame>标签就分成了几个窗口。

 <frameset rows="20%,*" >
    <frame src="frame1.html">
    <frameset cols="20%,*">
         <frame name="part1">
         <frame name="part2">
   </frameset>
 </frameset>

frame.html是该文件夹下的一个文件,在第一行的窗口中将会显示该文件的内容,在frame中定义name,是为了定义某些链接的target值为这个name的值,使得连接的内容显示在这个分帧上面,语言表述不清楚,看例子吧。例如frame1.html的代码如下:

<html>
 <body>
  <h1 align="center">后台管理页面</h1>
  <a href="frame2.html" target="part1">第一部分</a>
  <a href="frame3.html" target="part1">第二部分</a>
 </body>
</html>

这样点击第一个窗口的连接“第一部分”,frame2.html的内容就会显示到name是part1的窗口上。在<frame>中可以使用noresize使得不能再浏览器中随意改变个窗口的大小,使用scolling设置滚动条。

<frameset>不能与<body>内容混合使用,但是<iframe>可以,<iframe>标签是在窗体中又出现一个小的窗体,是一种画中画的感觉,这个标签的使用比较简单:

  <a href="http://google.cn" target="here">google</a><br>
  <a href="http://www.baidu.com" target="here">baidu</a><br>
  <iframe src="http://www.baidu.com" name="here" height=300 width=500></iframe>

以上三句可以嵌套在<body>中,这样就可以转换显示百度和谷歌两个页面了。

目前就学习了这些,以后还有什么需要加强记忆的还会补充总结!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值