HTML常用标签整理

全局框架标签:   

<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=gb 2312” 定义网页内容和字符集

              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
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值