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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值