WEB网页的一些常识性见解

本文介绍了HTML的基本用法,包括框架(Frameset)、列表(有序与无序)、表格的创建及使用方法,还讲解了<marquee>标签的属性和如何在网页中嵌入媒体与图片。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近刚到一家公司,要求重新学习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当前页面

 

 

 

 

不写了,写了才知道转摘的幸福...欢迎大家对文章的批评!

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值