您的位置：首页 > Web前端 > HTML

html常用标签及其属性用法

2013-09-05 21:50 417 查看

<head>标签的子标签

<title>标签：设置标题，设置完成后可以显示到IE窗口的标题上

<style>标签：引入css文件

<script>标签：引入javascript文件

<meta http-equiv=“content-type” content=“text/html;charset=gb2312”>

<meta http-equiv=“refresh” content=“5;url=http://www.bjpowernode.com”>

<meta name="keywords" content=“ ">

<meta name="description" content=“ ">

<meta http-equiv="expires" content="0">

<meta http-equiv="pragma" content="no-cache">

body中常用标签：

bgcolor指背景颜色

background指背景图片

横线-<hr>

size—长度

width—宽度

color—颜色，color为 16 进制 RGB 数字，或者是下列预定义色彩,blue/yellow/red……

超级链接-<a>

href—url

target—目标窗口，使用target属性，你可以定义从什么地方打开链接地址。

显示结果	描述	实体名	实体号
	不可拆分的空格
<	小于	<	<
>	大于	>	>
&	and符号	&	&
"	引号	"	"
'	单引号		'

显示结果	描述	实体名	实体号
¢	分	¢	¢
£	英镑	£	£
¥	人民币元	¥	¥
§	章节	§	§
©	版权	©	©
®	注册	®	®
×	乘号	×	×
÷	除号	÷	÷

.与文件同一目录..该文件的上一级目录

标题字体-<h1~6>

可以取值1,2,3,4,5,6

标题显示为黑体字

这些标记自动插入一个空行，不必用 <p> 标记再加空行

数字越小字体越大

换行：<br>和<p>:<p>中间插入一个空行，而<hr>不会插入空行

字体设置<font>

size—1,2,3,4,5,6,7

color—字体颜色， color为 16 进制 RGB 数字，或者是下列预定义色彩,blue/yellow/red……

文字布局：

<div>…</div> <span>…</span>

文字的分区显示2个div之间会自动换行

<ul><li>…</ul>

无序号列表

<ol><li>…</ol>

有序号列表

<p>

回车换行

<br>

换行

<pre>…<pre>

保留原始格式

图片-<img>:

src--图片路径，最好使用相对路径

alt--当鼠标放到图片上显示出提示信息

width—图片宽度，如果不指定按原始宽度

height—图片高度，如果不指定按原始高度

表单-<form>

action

提交给服务器的那个程序来处理（如：把表单中的数据保存到数据库中）

method，可以取值get或post

get—发送数据的大小有限制（256byte），表单中的数据显示在url后面，如：user.html?userid=zhangsan&username=张三

post—发送数据的大小没有限制，而且不会现在在url后面

<input type="" name="">

type可以取值

³ text/password/checkbox/radio/select/textarea/submit/reset/button/image/hidden

name输入域的名字

文字输入-text

id—唯一标识

name—名称

value—值

size—长度

maxlength—最大长度

密码输入-password:

id—唯一标识

name—名称

value—值

size—长度

maxlength—最大长度

复选框-checkbox：

id—唯一标识

name—名称，多个时名称相同

value—值

checked—选中的checkbox

单选框-radio：

id—唯一标识

name—名称，多个时名称相同

value—值

checked—选中的radio

列表框-select：

id—唯一标识

name--名称

size--列表框的长度

multiple—可以实现多选的列表框

<option>,可以有option

value—列表框中的值

selected—指定哪一项被选中

文本区域-textarea：

id—唯一标识

name--名称

rows-行数

cols-列数

按钮-button:

button—点击按钮可以提交数据，一般适合于表单中多个button

submit—点击按钮将该form中的信息提交

reset—点击按钮将该form中的信息重置

image—可以点击图片提交

隐藏表单-hidden:

隐含域其实和正常的输入域一样，只是不会将数据显示到页面上，因为放到

隐含域中的数据，没有必要让用户看，因为这些数据大部分是控制数据

表格-table

border--表格边框尺寸

width—表格宽度，可以用百分比，可以用数值

align—对齐方式,left/right/center

<tr>--行

<td>--列

colspan—跨多列

框架-frame:

窗口中正常情况下只能显示一个网页，采用帧可以将窗口分隔出多个窗口，每个窗口对应一个html文件

<html>

<head><title>Frame</title></head>





<frameset cols="18%, *">

cols表示列，如果多列采用逗号间隔，百分比表示列的宽度，星号表示剩余宽度，如果是行可以采用rows,用法同cols,如以下为两列：一列帧大小为18%,另一列帧大小为屏幕的剩余部分

<frame name="left" src="21_1.html" >

src为每帧对应的文件名称

<frame name="right" src="21_2.html">

</frameset>



</html>

HTML中target属性的4个内定名称:

_blank，表示新开启一个浏览器窗口

_self，此属性为默认属性，在当前窗口显示

_parent，表示在当前窗口的直接父帧窗口（直接上一级窗口）显示

_top,在最顶层窗口显示

target属性值可以直接赋值帧的名称

隐含帧<iframe>:

隐含帧使用的标签为<iframe>，隐含帧不需要放到<frameset>标签中，使用隐含帧，可以实现网页局部数据的显示的滚动和局部数据刷新

标签	描述
<b>…</b>	黑体
<i>…</i>	斜体
<u>…</u>	下划线
<s>…</s>	中划线
<sup>…</sup>	上标
<sub>…</sub>	下标

<	<
>	>
&	&
	空格
"	"

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航