HTML tag(标签)用法

架构
*****************************
<html>
      <head>
            <title> ... </title>
            ... ...
      </head>
      <body>
            ... ...
      </body>
</html>

 

背景
**********************************************
(颜色)
       bgcolor   背景
       text      普通文字
       link      可连接文字
       alink     正被点击
       vlink     被点过了 
(标尺线)
        <hr size= width= color= align= >
(页边距)
         leftmargin    左右两边空出
         topmargin     上下... ...

 

段落
**********************************************
(换行控制)
           <p>    加空行
           <br>   换行
           <nobr> 取消自动换行
(给文字划分块)
               <div align= > ... </div>
(预格式文本)
             <pre> ... </pre>  非html的部分原样显示
             <xmp> ... </xmp>  全部原样显示
(列表)
        <ol> ...<li type=> </ol>  有序 A,a,I,i,1
        <ul> ...<li type=> </ul>  无序 circle,disc,square
        <dl>
            <dt>  不缩进
            <dd>  缩进
        </dl>

 

字体
**********************************************
(标题)
       <hn >...</hn>    n=1,...,6是字体大小
(正文)
       <font>...</font>  用于正文
       <basefont>        用于全文
(属性)
       size=    大小
       face=    类型
       color=   颜色
(效果)
       <b>...</b>   加粗
       <i>...</i>   倾斜
       <u>...</u>   下划线
       <s>...</s>   删除线

       <sup>...</sup>   上标
       <sub>...</sub>   下标

       <tt>...</tt>   打字机字体
       <big>...</big>       放大
       <small>...</small>   缩小

 

链接
**********************************************
(一般链接)
          <a href=网页路径#位置名> ... </a>   出发地-->目的地
          <a name=位置名> ... </a>          指明目的地
                 target=_blank   在新窗口中打开

(图片链接)
          <img src=图片路径>
               width= height=  图象大小
               border=    边框
               alt=       鼠标点上去图片上的文字
               align=  top/middle/bottom/left/right   摆放

(声音和视频链接)
          <embeded src=多媒体路径名 width= height= align=
                   autostart= loop= hidden= >          

               hidden=true  隐藏播放器
               autostart=   ture/false
               loop=  true/false/数字
 
(背景音乐)
          <bgsound src=音乐路径 loop= >

(视频剪辑)
          <img src=图片路径 dynsrc=剪辑路径
               start= loop= controls> 
        
              start=  fileopen/mouseover
              controls   加控制条

 

表格
*********************************************************
(定义)
      <table>
          <thead>
               <tr>表行      <th>表头</th>
          </thead>
          <tbody>
               <tr>表行      <td>表元</td>
          </tbody>
      </table>

(尺寸)
           width height
           border 
           cellspacing  表格线厚度
           cellpadding  单元格内的空白

(位置)
             align=  left/center/right

(合并单元格)
             colspan  把几列合起来 作为一个单元格
             rowspan      行。。。

(单元格内的文字对齐)
            水平  align=  left/center/right
            垂直 valign=  top/middle/bottom

(标题)
       <caption align= valign= >...</caption>
            align=  left/center/right
           valign=  top/bottom

 *****************************************************         
(色彩)
       bgcolor  background 用于单元格
       bordercolor bordercolorlight bordercolordark
      
(按列控制单元格)
                 <colgroup align= >   对应某一列
                 <colgroup>           包含多列(span=列数)
                       <col align= span= >

(控制边框的显示)
                 frame=   box     全部显示
                          above   上边框
                          below   下边框
                          hsides  上下  
                          vsides  左右
                          lhs     左边框
                          rhs     右边框
                          void    不显示

(控制表格线的显示)
                   rules=   all     全部显示
                            rows    横向
                            cols    纵向
                            group   组的分隔线(多列构成一组)
                            none    不显示

 

多窗口页面
************************************************************
(定义窗口)
           <frameset>
                <frame src=网页地址 name=给自己命名>
                ...
                <noframes>...</noframes>   不支持多窗口的浏览器显示 这个
           </frameset>

(窗口划分)
           cols= n%,*
           rows= *,2*,*
           noresize     固定窗口大小

(多窗口交互〉
             在一个窗口中加链接,目标窗口设为 另一个窗口
        <html>
             <head>...</head>
             <framset cols=30%,*>
                   <frame src="" name=A>
                          <a href="" target=B>...</a>
                          ... ...
                   <frame src="" name=B>
                          ... ...
             </frameset>
        </html>

(设置每个窗口的外观)
                     frameborder= 1/0    是否要边框
                     framespacing        边框厚度
                     bordercolor         边框颜色
                     marginwidth         左右页边距
                     marginheight        上下...

(浮动窗口)
           <iframe>...</iframe>
           参数与<frame>...</frame>类似

 

表单
************************************************************
(定义表单)
           <form action=CGI的地址 method= get/post>
                ... ...
                <input type= name= > 
           </form>
                   type= text       文字
                         password   密码
                         checkbox   复选框
                         radio      单选框
                         image      用图象代替 submit/reset 按键
                         hidden
                         submit     提交
                         reset      重设

(文字和密码输入)
           <form action=CGI的地址 method=post>
                 ... ...
                 <input type=text name=姓名> <br>
                 <input type=text name=网址 value=http://> <br>
                 ... ...
                 <input type=password name=密码> <br>
                 <input type=submit value=发送><input type=reset value=重设>
           </form>
                 可选参数
                         size=       显示的输入栏长度
                         maxlength=  最大接收字符数

(复选框和单选框)
           <form>
                <input type=checkbox name= >
                ... ...
                <input type=submit><input type=reset>
           </form> 
                   加参数checked的一项,是默认被选择的

(图象坐标)
           <input type=image name=submit/reset src=图片路径>

(隐藏表单元素)
              默认会自动传给CGI的值
              <input type=hidden name= value=传给CGI的值>
           
(列表框)
          <selected name= >
              <option value= >... ...
              ... ...
          </selected>

(文本区域)
          用于简历,个性签名等
          <textarea name= rows= cols= wrap=>...</textarea>

 

其它tag
***********************************************************
(使文字移动)
             <marquee>...</marquee>
             参数:
                 direction=     left/right
                 behavior=      scroll/slide/alternate
                 loop=          次数(默认无限)
                 scrollamount=  每帧文字的间隔
                 scrolldelay=   停顿时间
                 bgcolor        背景颜色
                 height         背景区域大小
                 width
                 hspace         背景区域与文字的距离
                 vspace
                 align          背景区在正文中的位置

(在<head>设定编码语系)
   中文网页
<meta http-equiv="Content-Type" content="text/html; charset=big5">
   英文网页
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值