HTML常用标签整理

来源:互联网 发布:evernote mac 编辑:程序博客网 时间:2024/06/06 00:03

全局框架标签:   

<html>

       <head>

       </head>

       <body>

       </head>

</html>

 

 

head 标签:

<title>

<base href=”” target> 定义相对路径

<meta>

           name属性 :

                     Keywords

                     Descrption

                     Robots    搜索引擎的收录方式

                     Generator 编辑此网页的工具软件名

              Author

              Copyright

           http-equiv属性:

              Content-Type  content=”text/html;charset=gb2312” 定义网页内容和字符集

              Refresh          content=”1,url=”

              Expires          到期时间

              Windows-Target     使用<meta http-equiv=”Windows-Target” content=”_top”>可以防止别人盗连你的网页

              Pragma   是否缓存页面

              Page-Enter   content=”revealTrans(Transition=23,Duration=1.000)”

              Page-Exit

      

<link>  导入文件用,3个重要属性 rel = “stylesheet” 时导入的是css

                                                        href 外部文件链接

                                                        type = ”text/css” 描述文件类型(非必须)

                                                        media 说明在什么媒体上显示 ,常用 screen

 

文本标签:

              <p>  前后会空一行

              <h1>  前后会空一行

              <br>  单标签

              <hr>  单标签

              <marquee direction=”left” behavior=”scroll”> 移动文本和图像

              特殊字符:    &amp; -> &

                            &quot; -> “

                            &reg; -> ®

                            &copy; ->  ©

                            &trade; - > ™

                            &nbsp; -> 空格

              常用文本标签:

标签

描述

<b>

定义粗体文本。

<big>

定义大号字。

<em>

定义着重文字。

<i>

定义斜体字。

<small>

定义小号字。

<strong>

定义加重语气。

<sub>

定义下标字。

<sup>

定义上标字。

<ins>

定义插入字。

<del>

定义删除字。

<u>

下划线

              其他文本标签:

标签

描述

<abbr>

定义缩写。

<acronym>

定义首字母缩写。在某些浏览器中,当您把鼠标移至缩略词语上时,title 可被用来展示表达的完整版本

<address>

定义地址。

<bdo>

定义文字方向。

<blockquote>

定义长的引用。

<q>

定义短的引用语。

<cite>

定义引用、引证。

<dfn>

定义一个定义项目。

 

列表标签:

<dl>

       <dt>

              <dd>

数字标签:

<ol>

       <li>

园点标签:

<ul>      

       <li>

               

 

链接:

<img src = “” >      图片链接

 

<a name=”name”>  锚标签

<a href=”#name”>  转到本页锚标签

 

<a href=”” target=””> 网页链接

                target属性:

                            _self

                            _blank

                            _top

                            _parent

                相对路径:

                            ../  上级目录

                            ./ 或者什么都不写 表示当前目录

                            / 表示根目录

绝对路径:

                url

邮箱连接:

                mailto:

                属性:

                     subject 主题

                     cc / bcc 抄送

                     body  内容

 

表格:

           <table>:

属 性

描 述

width

表格的宽度

height

表格的高度

align

表格在页面的水平摆放位置

background

表格的背景图片

bgcolor

表格的背景颜色

border

表格边框的宽度(以像素为单位)

bordercolor

表格边框颜色

bordercolorlight

表格边框明亮部分的颜色

bordercolordark

表格边框昏暗部分的颜色

cellspacing

单元格之间的间距

cellpadding

单元格内容与单元格边界之间的空白距离的大小

 

             <tr>:

属 性

描 述

align

行内容的水平对齐left,center,right

valign

行内容的垂直对齐top,middle,bottom

bgcolor

行的背景颜色

bordercolo

行的边框颜色

bordercolorlight

行的亮边框颜色

bordercolordark

行的暗边框颜色

 

                <td><th>:

属 性

描 述

width/height

单元格的宽和高,接受绝对值(如 80)及相对值(如 80%)。

colspan

单元格向右打通的栏数

rowspan

单元格向下打通的列数

align

单元格内字画等的摆放贴,位置(水平),可选值为: left, center, right

valign

单元格内字画等的摆放贴 位置(垂直),可选值为: top, middle, bottom

bgcolor

单元格的底色

bordercolor

单元格边框颜色

bordercolorlight

单元格边框向光部分的颜色

bordercolordark

单元格边框背光部分的颜色

background

单元格 背景图片

 

框架标签:

                <frameset>

                     <frame>

                     <frame>

                            .

                            .

                            .

                </frameset>

 

属性:

                <frameset>:

属 性

描 述

border

设置边框粗细,默认是5象素.

bordercolor

设置边框颜色

frameborder

指定是否显示边框 :"0"代表不显示边框,"1"代表显示边框

cols

用"象素数" 和 "%"分割左右窗口,"*"表示剩余部分

rows

用"象素数" 和 "%"分割上下窗口,"*"表示剩余部分

framespacing="5"

表示框架与框架间的保留空白的距离

noresize

设定框架不能够调节,只要设定了前面的,后面的将继承

 

                <frame>: 单标签

属 性

描 述

src

指示加载的url文件的地址

bordercolor

设置边框颜色

frameborder

指示是否要边框,1显示边框,0不显示(不提倡用 yes 或 no)

border

设置边框粗细

name

指示框架名称,是连结标记的 target所要的参数

noresize

指示不能调整窗口的大小,省略此项时就可调整,

scorlling

指示是否要滚动条,auto根据需要自动出现,Yes有,No无

marginwidth

设置内容与窗口左右边缘的距离,默认为1

marginheight

设置内容与窗口上下边缘的边距,默认为1

width

框窗的宽及高 默认为width="100" height="100"

align

可选值为 left, right, top, middle, bottom

 

 

表单:

<form>标签

           属性:

           action = url

           method = get|post

           name = “”

           onsubmit

           onreset

           target

 

form内标签

           <input type=”text” name=”stuno”>   maxlength / size

           <input type=”password” name=”password”>

           <input type=”radio” value=”1” name=”radio” checked>多个radio相同name即成为一组

           <input type=”checkbox” value=”1” name=”checkbox” checked >

           <input type=”file”>

           <input type=”button” value=”button”>

           <input type=”submit” value=”submit”>

           <input type=”reset” value=”reset”>

           <input type=”image” src=””>

           <textarea name=”textarea” rows=”4” cols=”5”/>

           <select name=”select” size=”3” multiple>  multiple 表示可以多选

                            <option value=”1”>1st</option>

                            <option value=”2”>2nd</option>

                            <option value=”3”>3rd</option>

                            <option value=”4”>4th</option>

                            <option value=”5”>5th</option>

           </select>

 

name属性 :可能会重名

ID属性 :控件的唯一标识

 

分区标签

              <div> 一块区域

              <span>    一行

分区标签一般使用ID属性区分

0 0
原创粉丝点击