最近刚到一家公司,要求重新学习HTML,于是在师傅的带领下,开始了学习HTML的过程,不学不知道,之前以为自己在学校的时候能写个form表单,写个div都觉得自己好牛X的,现在在这里发现了好多东西,在此与大家分享下:
1.<frameset rows="77,261" cols="*" frameborder="0" bordercolor="#999900">
<frame src="top.html">
<frameset rows="*" cols="416,626" frameborder="0">
<frame src="left.html">
<frameset rows="191,191" frameborder="0">
<frame src="right_top.htm">
<frame name="change" src="right_down.htm">
</frameset>
</frameset>
</frameset>
先说上面的FrameSet因为在平时的web应用中框架的使用可以节省大量的不必要的开发时间,正常情况的分为上下等一些部分,在<frameset>里面有属性rows,这个是做什么的呢,就是上下分的比例,记住,你打什么地方开始就这么写,不要以为下面还有呢,你考虑下面的frameset,那个和这里没有关系,因为frameset是frame的一个结果集,所以在frameset下面要有frame,frame的属性大体上已经和上面的差不多了,之前认为iframe和frameset事差不多的,现在告诉大家,不是的,一定也不一样,iframe其实更像一个框框,里面可以放东西,它和Frameset有没有关系我不知道,个人觉得是没有关系的,例子如下:
<iframe name="good" src="http://www.qq.com" width="650" height="300"/>
样例的作用是导入QQ主页的信息到iframe中。
2.平时开发最多的就是列表和表格了,下面依次列出:
<xmp><br><center><font color="red">你好</font>
</center></xmp></center>
<pre>
我没有换行<font color="green">可怜了,下面要出现空行了,<font color="red">都是pre惹的祸事</font></font>
<ul>
<li type=disc>one
<li type=circle>two
<ol>
<li type=a>one-one
<li>two?
</ol>
</ul>
<list>
<ol start=100>
<li type=disc>多少呢?
<li >....
<li>???
<li>***
<li> <ul>
<li type=disc>>>>>>
<li type=circle>two
<li type=square>three
<li type=i>four
<li type=j>five
<li type=s>six
<li type=j>seven
</ul>
<li>我是不是中毒辣
<li>好多的乱码哦~
<ol>
</list>
</pre>
首先说下<xmp>标签,个人觉得他就是显隐的,好比在dota中,你隐身,人家带显影宝石一样,就是说,你的标签在这个里面用不了!
标签效果丢失。
<pre>里面无论是插入上面有序标签<ol><li>...</ol>或者是无序标签<ul><li>...</ul>啊,都会出现空行情况
<list>标签就没有上面两个的问题
3.先看下例子:(可以拷下去试试的)
<table width="200" border="1">
<tr>
<td>大家</td>
<td colspan="2">觉得这个图形怎么样</td>
</tr>
<tr>
<td colspan="2">恶心吧</td>
<td>哈哈</td>
</tr>
<tr>
<td>其实</td>
<td rowspan="2">一点也不难写</td>
<td>心里问题</td>
</tr>
<tr>
<td>不要</td>
<td>害怕</td>
</tr>
</table>
cols是在列上起作用的,rows是在行上起作用的.
4.谈谈<marquee>吧,属性主要有几个<behavior>滚动属性有:scroll循环,alternate来回,slide走一下就歇
<direction>方向属性:left向左,right向右,up向上,down向下
<scrollamount>走的速度:数字就OK了
<scrolldelay>走一哈停一下的。
<onMouseOver>鼠标在上面的时候,属性有:start(),stop()等,当然你自己可以自己定义
<onMouseOut>同<onMouseOver>
5.嵌入媒体和图片
在<body>属性中可以加入<background>这里的背景不是添加背景色,背景色是<bgcolor>,那个是设置背景图片的意思,插入图片是
<img src="">如例子:<img src="F:/梦幻西游/ad/s-ad03.jpg" alt="梦幻西游" width="471" height="32" border="0" usemap="#Map" boader=7>alt就是传说中的 鼠标放到上面就显示的字...usemap是做什么用的呢?是这样的 ,在一些图片上点击区域会产生不同的链接地址,usemap的作用就是这样的,如例:<map name="Map">
<area shape="circle" coords="4165,42,7" href="http://xyq.163.com">
<area shape="rect" coords="250,4,479,31" href="http://xyq.163.com" target="_parent">
<area shape="rect" coords="6,2,224,21" href="http://www.yezizhu.com" target="change">
shape是什么样子的形:circle圆,rect长方形,在这里既然提到了target就说下吧,target是目标地址的意思,可以自己定义(<a name="###">,定义的地方是frame)也可以用系统的几种:_self自身,_blank另弹一个,_top上面,_parent当前页面
不写了,写了才知道转摘的幸福...欢迎大家对文章的批评!