html常用标签

一，head标签

(1)    base标签

属性href，target

<base href=”” target=””>

<base  href=http://www.myaddress.com  target=”_self”>

 

(2)    title标签

<title>窗体标题</title>

 

(3)    meta标签

属性name和content，或者http-equiv和content

name的值keywords（关键字），description（描述），author（作者）

http-equiv的值content-type（字符集），refresh（刷新）

<meta  name=”keywords”   content=”音乐，摇滚，爵士，流行，民乐，mp3，>

<meta  name=”description”  content=”这是一个html语法网站“>

<meta  name=“author“  content=“  ”>

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

<meta  http-equiv=”refresf”  content=”180“>

<meta  http-equiv=”refresh”  content=‘5；URL=http://cn.yahoo.com”>

 

二，body标签

属性共4个方面：文字颜色，背景，连接，边距

文字颜色：text

背景：bgcolor背景颜色，background背景图片，bgproperties背景图片固定

连接：link默认连接，alink点击后的练级，vlink移开鼠标后的连接

边距：topmargin上边距，leftmargin左边距

 

三，文字与段落

（1）特殊标记

&nbsp表示空格，&quot表示引号，&gt表示大于，&lt表示小于，&copy表示版权

 

（2）标题标签

<h1></h1>

……

<h6></h6>

由小到大

属性align，值为left，right，center

 

（3）文字修饰标签

<b>文字加粗

<i>文字斜体

<u>文字有下划线

<small>文字小号

 

（4）字体标签<font></font>

属性size，color，face

 

（5）段落标签<p></p>

属性align，值为left，right，center

 

（6）换行标记<br>

 

（7）与格式化标记<pre></pre>

 

（8）居中标记<center></center>

 

（9）水平线标记<hr>

属性：size，width，color，align，noshade

 

四，列表

<ol></ol>有序列表

<ul></ul>无序列表

<dir></dir>目录列表

<menu></menu>菜单列表

<li></li>列表中的列表项

 

有序列表中的属性type，值为整数为为罗马数字

无序列表中的属性type，值为circle表示圆

 

五，图片标记<img>

属性src(图片源)，width，height，alt(图片的提示文字)，border,hspace(水平间距),vspace(垂直间距),align

 

Align的值为top，bottom，left，right，middle

 

 

 

 

 

 

 

 

 

 

 

 

 

 

六，表格标记<table></table>

属性：width，height,border,bordercolor,bgcolor,background,cellspacing,cellpadding

(1)表格标题标签<caption></caption>

属性align水平方向对齐，值为left，right，center

属性valign垂直方向对象，值为top，bottom

 

（2）表格表头标签<th></th>

 

（3）表格体标签<tbody></tbody>

 

（4）表格行标签<tr></tr>

属性3方面：内容，背景，边框颜色

内容：align行内容的水平方向对齐，valign行内容的垂直方向对齐

背景：bgcolor，background

边框颜色：bordercolor

 

（5）表格列标签<td></td>

属性5方面：内容，背景，边框颜色，宽高，合并

内容：align列内容的水平对齐，valign列内容的垂直对齐

背景：bgcolor，background

边框颜色：bordercolor

宽高：width/height

合并：rowspan行合并，colspan列合并

 

七，连接<a></a>

属性：href，target，title(连接的提示文字)

target的值_blank，_self，_parent，_top

 

如果href的值为”mailto：url”表示向url地址发送邮件

如果href的值为文件的位置，点击连接后会自动下载文件

 

八，框架集标记<frameset></frameset>

属性cols表示列分，值为百分比

属性rows表示行分，值为百分比

属性bordercolor表示框架边框颜色

 

 

 

 

 

 

 

 

 

九，框架标记<frame></frame>

属性src表示框架的页面，frameborder框架的边框，scrolling框架的滚动条值为yes/no/auto，noresize框架尺寸不变，marginwidth框架边缘宽度，marginheight框架边缘高度

 

十，浮动框架

浮动框架<iframe>

基本语法：

<iframe  src=”file_name”  height=value  width=value  name=”iframe_name”  align=”value>
</iframe>

语法解释：

 

标记属性	描述
Src	浮动框架页面源文件的路径
Width	浮动框架的宽度
Height	浮动框架的高度
Align	浮动框架的排列方式，left表示居左，center表示居中，right表示居右
Frameborder	框架边框显示属性
Framespacing	框架边框宽度属性
Scrolling	框架滚动条显示属性
Noresize	框架尺寸调整属性
Bordercolor	框架边框颜色属性
Marginwidth	框架边缘宽度属性
Marginheight	框架边缘高度属性

 

十一，表单标记<form></form>

属性：name，method，action

如果需要提交需要有onsubmit事件

（1）<input>标签

属性type，默认值为text表示文本框，文本框的其他属性size，maxlength，value

值为password表示密码框，其他属性size，maxlength，value

值为file表示文件上传

值为radio表示单选按钮，单选按钮的名字相同，属性checked表示是否被选中

值为checkbox表示复选框，属性checked表示是否被选中

值为submit表示提交按钮，属性value

值为reset表示重置按钮，属性value

值为button表示普通按钮，属性value

值为image表示图片按钮，属性src

值为hidden表示隐藏域，属性value

 

（2）下拉列表框标签<select></select>

属性size，multiple

 

（3）下拉列表项标签<option></option>

属性value，selected

 

 

（4）文字域标签<textarea></textarea>

属性rows，cols，value

 

十二，网页与多媒体

（1）滚动文字标记<marquee></marquee>

属性direction滚动方向，值left，right，up，down

属性behavior滚动方式，值scroll（循环往复），slide（单次滚动），altemate（交替滚动）

属性scrollamount滚动速度

属性scrolldelay滚动延迟

属性loop滚动循环

属性width，height滚动范围

属性bgcolor滚动背景颜色

 

（2）背景音乐<bgsound></bgsound>

属性scr音乐源

属性loop循环播放次数