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">

HTML tag（标签）用法相关推荐

Gorm之Tag标签用法详解
目录 Gorm之Tag标签用法详解 1.Tag标签 1.1CURD权限标签 1.2字段标签 1.3关联标签 2.主键标签 2.1默认主键 2.2自定义主键 Gorm之Tag标签用法详解 1.Tag标签 ...
JAVA中的break[标签]continue[标签]用法
原文:JAVA中的break[标签]continue[标签]用法注意:JAVA中的标签必须放在循环之前,且中间不能有其他语句.例如:tag:for或while或do--while; 1.使用brea ...
tag+标签+php,ZBLOG PHP代码实现侧栏彩色标签TAG关键字样式方法
肯定不少网友和老蒋一样,在看到一些网友博客的时候界面细节元素做的还是相当不错的,比如在博客的侧栏TAG关键字标签采用的彩色样式,这个比我们使用的默认黑白样式或者单调的底层颜色样式会好看一些.当然,这个 ...
java标签用法详解_介绍一个javaWeb自定义标签的用法详解
这篇文章主要介绍了javaWeb自定义标签用法,结合实例形式分析了javaweb自定义标签的功能.定义方法及执行原理,需要的朋友可以参考下本文实例讲述了javaWeb自定义标签用法.分享给大家供大家 ...
2020重学Go系列：反引号的妙用—结构体里的 Tag 标签
转载地址:https://www.toutiao.com/i6854075652757422595/?tt_from=weixin&utm_campaign=client_share& ...
jsp中用java写标签id_jsp中自定义标签用法实例分析
本文实例讲述了jsp中自定义标签用法.分享给大家供大家参考.具体如下: 这里简单的写了一个自定义标签,自己定义标签的好处就是在jsp页面中可以使用自己定义的功能,完全与Java代码分离 1. tld文 ...
android中tag的用法,Android中setTag的用法
首先我们要知道setTag 是干什么的,官方给的api解释是: Tags Unlike IDs,tags are not used to identify views,Tags are essenti ...
html页面视频标签,html5基础标签(html5视频标签 html5新标签用法)
点评:html5基础,包括html5视频标签和html5新标签等标签用法,大家参考使用吧 1. 声明的变化 2. 指定字符编码的变化,html5中建议使用utf-8 3. Html5中允许没有 ...
tag标签[置顶] 高级NFC
最近朋友几篇文章分析了改tag标签的文章. 关联文章的地址文章译自:Advanced NFC 本文档分析了高级NFC,如与各种标签技术协作,NFC标签写入和前台调度,它答应应用程序在前台处置的int ...
dedecms 漏洞_织梦dedecms文档内容页自动关联tag标签加入内链的方法_dedecms_CMS教程...
效果: 实现教程 1.后台-系统-核心设置-关键字替换,选择[是] 2.后台-系统-其他选项-关键词替换次数,填[1]或者[0] 1:表示文档内容里有多个关键词,只让1个是内链 0:表示文档内容里有多 ...

HTML tag（标签）用法

HTML tag（标签）用法相关推荐

最新文章

热门文章