HTML标签
HTML基本标签
<html></html> 创建一个HTML文档
<head></head> 设置文档标题以及其他不在WEB网页上显示的信息
<body></body> 设置文档的可见部分
--------------------------------------------------------------------------------
标题标签
<title></title> 将文档的题目放在标题栏中
--------------------------------------------------------------------------------
文档整体属性
<body bgcolor=?> 设置背景颜色,使用名字或十六进制值
<body background=?> 设置背景图象,使用文件路径地址
<body leftmargin=?> 设置网页左边的空白,使用长度值
<body topmargin=?> 设置网页上边的空白,使用长度值
<body text=?> 设置文本文字颜色,使用名字或十六进制值
<body link=?> 设置链接颜色,使用名字或十六进制值
<body vlink=?> 设置已使用的链接的颜色,使用名字或十六进制值
<body alink=?> 设置正在被击中的链接的颜色,使用名字或十六进制值
--------------------------------------------------------------------------------
文本标签
<pre></pre> 创建预格式化文本
<h1></h1> 创建最大的标题
<h6></h6> 创建最小的标题
<b></b> 创建黑体字
<s></s> 创建删除线
<u></u> 创建下划线
<i></i> 创建斜体字
<sup></sup> 创建上标体
<sub></sub> 创建下标体
<tt></tt> 创建打字机风格的字体
<cite></cite> 创建一个引用,通常是斜体
<em></em>
加重一个单词(通常是斜体加黑体)
<strong></strong> 加重一个单词(通常是斜体加黑体)
<font size=?></font> 设置字体大小,从1到7
<font face=?></font> 设置字体字型,如Arial TimeNewRoom 隶书 黑体 楷体 华文彩云
<font color=?></font> 设置字体的颜色,使用名字或十六进制值
--------------------------------------------------------------------------------
链接
<a href="URL"></a> 创建一个超链接
<a href="mailto:EMAIL"></a> 创建一个自动发送电子邮件的链接
<a name="NAME"></a> 创建一个位于文档内部的靶位
<a href="#NAME"></a> 创建一个指向位于文档内部靶位的链接
<a href="URL" target="?"></a> 创建一个超链接,并将链接在指定窗口打开_blank新窗口,_parent父窗口,_slef本窗口,_top整个浏览器窗口
--------------------------------------------------------------------------------
格式排版
<p> 创建一个新的段落
<p align=?> 将段落按左、中、右对齐
<br> 插入一个回车换行符
<blockquote> </blockquote> 从两边缩进文本
<center> </center> 内容居中
<align> </align> 内容的对齐方式
<dl></dl> 创建一个定义列表
<dt> 放在每个定义术语词之前
<dd> 放在每个定义之前
<ol></ol> 创建一个标有数字的列表
<li start="开始序号" type="?"> 放在每个数字列表项之前,并加上一个数字;序号类型可以为A大写字母;a小写字母;I大写罗马数字;i小写罗马数字;1阿拉伯数字
<ul></ul> 创建一个标有圆点的列表
<li type="?"> 放在每个圆点列表项之前,并加上一个圆点,圆点类型可以为disk实心圆点;circle空心圆圈;square实心方块
<div align=?> 用来排版大块HTML段落的标签,也可用于格式化,文本对齐方式align
<address> </adderss>特殊形式显示文本,斜体字,比基准字小一号
--------------------------------------------------------------------------------
图形元素
<img src="name"> 添加一个图像
<img src="name" align=?> 排列对齐一个图像:左中右或上中下 ,top;middle;bottom文字与图象的对齐方式
<img src="name" align=?> 图象在网页中的对齐方式 ,left;right文字与图象的对齐方式
<img alt=?> 图象的替代文字
<img vspace=?> 图象与上下文字之间的空白,单位为像素
<img hspace=?> 图象与左右文字之间的空白,单位为像素
<img width=?> 图象的宽度,单位为像素
<img height=?> 图象的高度,单位为像素
<img src="name" border=?> 设置围绕一个图像的边框的大小
<hr> 加入一条水平线
<hr size=?> 设置水平线的大小(高度)
<hr align=?> 设置水平线的对齐方式
<hr color=?> 设置水平线的颜色
<hr width=?> 设置水平线的宽度(百分比或绝对像素点)
<hr noshade> 创建一个没有阴影的水平线
--------------------------------------------------------------------------------
表格
<caption align=? valign=?></caption> 设置表格的标题,标题的对齐方式
<table></table> 创建一个表格
<tr></tr> 开始表格中的每一行
<td></td> 开始一行中的每一个格子
<th></th> 设置表格头通常使用黑体居中文字的格子
--------------------------------------------------------------------------------
表格属性
<table border=#> 设置围绕表格的边框的宽度
<table frame=box> 显示四边边框
<table frame=abov> 显示上边边框
<table frame=below> 显示下边边框
<table frame=hsides> 显示上下边边框
<table frame=lhs> 只显示左边边框
<table frame=vhs> 只显示右边边框
<table frame=vsides> 只显示左右边边框
<table frame=void> 全部边框都不显示
<table rules=all> 显示所有分割线
<table rules=rows> 只显示行与行的分割线
<table rules=cols> 只显示列与列的分割线
<table rules=none> 所有分割线都不显示
<table bordercolor=#> 设置围绕表格的边框的颜色
<table bordercolorlight=#> 设置围绕表格的边框的亮边颜色
<table bordercolordark=#> 设置围绕表格的边框的暗边颜色
<table cellspacing=#> 设置表格格子之间空间的大小
<table cellpadding=#> 设置表格格子边框与其内部内容之间空间的大小
<table width=#or%> 设置表格的宽度-用绝对像素值或文档总宽度的百分比
<tr align=?>or<td align=?> 设置表格格子的水平对齐(左中右)
<tr valign=?>or<td valign=?> 设置表格格子的垂直对齐(上中下)
<td colspan=#> 设置一个表格格子应跨占的列数(缺省为1)
<td rowspan=#> 设置一个表格格子应跨占的行数(缺省为1)
<td nowrap> 禁止表格格子内的内容自动断行回卷
--------------------------------------------------------------------------------
窗框
<frameset></frameset> 放在一个窗框文档的<body>标签之前,也可以嵌在其他窗框文档中
<framesetrows="value,value"> 定义一个窗框内的行数,可以使用绝对像素值或高度的百分比
<framesetcols="value,value"> 定义一个窗框内的列数,可以使用绝对像素值或宽度的百分比
<frame> 定义在不支持窗框的浏览器中显示什么提示
--------------------------------------------------------------------------------
窗框属性
<frame src="URL"> 规定窗框内显示什么HTML文档
<frame name="name"> 命名窗框或区域以便别的窗框可以指向它
<frame marginwidth=#> 定义窗框左右边缘的空白大小,必须大于等于1
<frame marginheight=#> 定义窗框上下边缘的空白大小,必须大于等于1
<frame scrolling=VALUE> 设置窗框是否有滚动栏,其值可以是"yes","no","auto",缺省时一般为"auto"
<frame noresize> 禁止用户调整一个窗框的大小--------------------------------------------------------------------------------
表单
对于功能性的表单,一般需要运行一个CGI小程序,HTML仅仅是产生表单的表面样子。
<form></form> 创建所有表单
<select multiple 创建一个滚动菜单,size设置在需要滚动前可以看到的表单项数目
name="NAME"size=?></select>
<option> 设置每个表单项的内容
<select name="NAME"></select> 创建一个下拉菜单
<option> 设置每个菜单项的内容
<textarea name="NAME" cols=40 rows=8></textarea> 创建一个文本框区域,列的数目设置宽度,行的数目设置高度
<input type="checkbox"name="NAME"> 创建一个复选框,文字在标签后面
<input type="radio" 创建一个单选框,文字在标签后面
name="NAME"value="x">
<input type=textname="foo"size=20> 创建一个单行文本输入区域,size设置以字符计的宽度
<input type="submit"value="NAME"> 创建一个submit(提交)按钮
<input type="image"border= 创建一个使用图象的submit(提交)按钮
0name="NAME"src="name.gif">
<input type="reset"> 创建一个reset(重置)按钮
--------------------------------------------------------------------------------
<!-- 和 -->网页捏插入注释性说明文字,其中的代码不会被浏览器处理和显示。
<bgsound src=?> 背景音乐。
<bgsound src=? loop=?> 背景音乐循环播放次数。
<img src=? dynsrc="url.avi" > 网页中插入电影文件,src做电影封面图象
<img src=? dynsrc="url.avi" start="mouseover"> 网页中插入电影文件,鼠标移上时播放电影
<img src=? dynsrc="url.avi" loop="?" loopdelay="?"> 网页中插入电影文件,电影播放循环次数以及电影循环播放延时
<marquee></marquee>移动文字
<marquee direction="#"></marquee>移动文字,移动方向left,right,top,down
<marquee behavior="#"></marquee>移动文字,移动方式scroll,slide,alternate
<marquee loop="#" scrollamount="#" align="#"></marquee>移动文字,循环次数,移动速度,对齐方式,
<marquee bgcolor="#" height="#" width="#" hspace="#" vspace="#"></marquee>移动文字,底色,高度,宽度,水平和垂直空白区域
--------------------------------------------------------------------------------
<script language="javascript"> </script>脚本语言vbscript/javascript标识符
<style type="text/css"> </style>样式表语言css标识符
HTML标签
原创
©著作权归作者所有:来自51CTO博客作者mb6434c781b2176的原创作品,请联系作者获取转载授权,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
【HTML】HTML 标签 ③ ( 链接标签 | 注释标签 )
一、链接标签二、注释标签
HTML 链接标签 注释标签 前端 href