html常见标签Word文件下载.docx
- 文档编号:16773085
- 上传时间:2022-11-26
- 格式:DOCX
- 页数:16
- 大小:26.05KB
html常见标签Word文件下载.docx
《html常见标签Word文件下载.docx》由会员分享,可在线阅读,更多相关《html常见标签Word文件下载.docx(16页珍藏版)》请在冰豆网上搜索。
范例
VAR>
/VAR>
变量
BLOCKQUOTE>
/BLOCKQUOTE>
向右缩排
DFN>
/DFN>
述语定义
ADDRESS>
/ADDRESS>
地址标记
sup>
/SUP>
上标字
SUB>
/SUB>
下标字
xmp>
...<
/xmp>
固定寬度字体(在文件中空白、換行、定位功能有效)
plaintext>
/plaintext>
固定寬度字體(不執行標記符號)
listing>
/listing>
固定寬度小字體
fontcolor=00ff00>
字體顏色
fontsize=1>
最小字體
fontstyle='
font-size:
100px'
無限增大
◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式标志〉》◆◆◆◆◆◆◆◆◆◆◆◆
p>
/p>
创建一个段落
palign="
将段落按左、中、右对齐
br>
换行插入一个回车换行符
blockquote>
/blockquote>
从两边缩进文本
dl>
/dl>
定义列表
dt>
放在每个定义术语词前
dd>
放在每个定义之前
ol>
/ol>
创建一个标有数字的列表
ul>
/ul>
创建一个标有圆点的列表
li>
放在每个列表项之前,若在<
之间则每个列表项加上一个数字,
若在<
之间则每个列表项加上一个圆点
divalign="
/div>
用来排版大块HTML段落,也用于格式化表
MENU>
选项清单
DIR>
目录清单
nobr>
/nobr>
强行不换行
hrsize='
9'
width='
80%'
color='
ff0000'
水平線(設定寬度)
center>
/center>
水平居中
◆◆◆◆◆◆◆◆◆《〈链接标志表格标志〉》◆◆◆◆◆◆◆◆◆◆◆◆◆◆
ahref="
URL"
/a>
创建超文本链接
mailtEMAIL"
创建自动发送电子邮件的链接
aname="
name"
创建位于文档内部的书签
#name"
创建指向位于文档内部书签的链接
BASE>
文档中不能被该站点辨识的其它所有链接源的URL
LINK>
定义一个链接和源之间的相互关系
◆◆◆◆◆◆◆◆链接标记注解:
◆◆◆◆◆◆◆◆◆◆◆◆
◆target="
..."
决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top
◆rel="
发送链接的类型
◆rev="
保存链接的类型
◆accesskey="
指定该元素的热键
◆shape="
允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly
◆coord="
使用像素或者长度百分比来定义形状的尺寸
◆tabindex="
使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)
◆◆◆◆◆◆◆◆表格标记注解:
table>
/table>
创建一个表格
tr>
/tr>
表格中的每一行
td>
/td>
表格中一行中的每一个格子
th>
/th>
设置表格头:
通常是黑体居中文字
tablecellspacing="
设置表格格子之间空间的大小
tableborder="
设置边框的宽度
tablecellpadding="
设置表格格子边框与其内部内容之间空间的大小
tablewidth="
设置表格的宽度。
用绝对像素值或总宽度的百分比
tablealign="
设置表格格子的水平对齐方式(left,center,right,justify)
tralign="
设置表格格子的水平对齐方式(left,center,right,justify)
trvalign="
设置表格格子的垂直对齐方式(baseline,bottom,middle,top)
tdcolspan="
设置一个表格格子跨占的列数(缺省值为1)
tdrowspan="
设置一个表格格子跨占的行数(缺省值为1)
tdnowrap>
禁止表格格子内的内容自动断行
CAPTION>
/CAPTION>
表格的标题
COLGROUP>
/COLGROUP>
定义多个列为一组列
TABLE>
/TABLE>
THEAD>
/THEAD>
定义表格的页眉
COL>
定义一个列组中的列,以便对它们能够同时设置有关属性
TBODY>
/TBODY>
定义一个表格的实体
TFOOT>
/TFOOT>
定义一个表格的页脚
◆◆◆◆◆◆◆◆◆◆◆◆《表单标志》◆◆◆◆◆◆◆◆◆◆◆
form>
/form>
创建表单
action="
接收数据的服务器的URL
method="
HTTP的方法(get,post)。
其中get是被反对使用的
enctype="
指定MIME(Internet媒体类型)
onsubmit="
当提交表单时发生的内部事件
noreset="
在重新设置表单时发生的内部事件
target="
决定把内容显示在什么地方(_blank,_parent,_self,_top
selectmultiplename="
size="
/select>
创建滚动菜单,size设置在需要滚动前可以看到的表单项数目<
option>
设置每个表单项的内容
selectname="
创建下拉菜单
textareaname="
cols=40rows=8>
/textarea>
创建一个文本框区域,列的数目设置宽度,行的数目设置高度
inputtype="
checkbox"
name="
创建一个复选框,文字在标签后面
radio"
value="
创建一个单选框,文字在标志后面
inputtype=textname="
foo"
size=20>
创建一个单行文本输入区域,size设置以字符串的宽度
submit"
创建提交(submit)按钮
image"
border=0name="
src="
name.gif"
创建一个使用图象的提交(submit)按钮<
reset"
创建重置(reset)按钮
BUTTON>
/BUTTON>
创建一个按钮
disabled="
把按钮的状态设置为不能
name="
按钮的控制名value="
按钮的值
type="
按钮的类型(button,submit,reset)
FIELDSET>
/FIELDSET>
把相互关联的控件组合成一组
ISINDEX>
提示用户输入
LABEL>
/LABEL>
为一个控件提供标签
LEGEND>
/LEGEND>
为FIELDSET元素指定一标题
SELECT>
/SELECT>
为用户做选择创建各个选项
TEXTAREA>
/TEXTAREA>
创建一个允许用户多行输入的区域
◆◆◆◆◆◆◆◆◆◆◆◆◆◆表单注解:
◆◆◆◆◆◆◆◆◆◆◆◆◆◆
用于输入控件的类型(text,password,checkbox,radio,submit,reset,file,hidden,image,button)
控件的控制名(要求是除了submit和reset之外的任何名字)
value="
控件的初始值
checked="
把一个单选钮设置为选中的状态
把控件的状态设置为不能使用
readonly="
只对输入密码的文本框使用
size="
表示以像素为单位的除了文本框和密码框控件之外的其它控件的宽度,它是用来指定字符的数目src="
一个图像控件的URL
maxlength="
指定可以输入的最多的字符数目
alt="
另外一种文本描述
usemap="
到客户端图形镜像的URL
align="
被反对。
控制对齐方式(left,center,right,justify)
tabindex="
通过定义的tabindex值确定在不同元素之间获得焦点的顺序
onfocus="
当元素获得焦点时发生的事件
onblur="
当元素失去焦点时发生的事件
onselect="
当元素被选中时发生的事件
onchang="
当元素状态被改变时发生的事件
accept="
允许上载的文件类型
◆◆◆◆◆◆◆◆◆◆◆◆◆◆《帧标志》◆◆◆◆◆◆◆◆◆◆◆◆◆◆
frameset>
/frameset>
放在一个帧文档的<
body>
标签之前,也可以嵌在其他帧文档中
framesetrows="
value,value"
定义一个帧内的行数,可以使用绝对像素值或高度的百分比
framesetcols="
定义一个帧内的列数,可以使用绝对像素值或宽度的百分比
frame>
定义一个帧内的单一窗或窗区域
noframes>
/noframes>
定义在不支持帧的浏览器中显示什么提示
framesrc="
规定帧内显示的HTML文档
framename="
命名帧或区域以便别的帧可以指向它
framemarginwidth="
定义帧左右边缘的空白大小,必须大于等于1
framemarginheight="
定义帧上下边缘的空白大小,必须大于等于1
framescrolling="
设置帧是否有滚动栏,其值可以是"
yes"
"
no"
或"
auto"
framenoresize>
禁止用户调整一个帧的大小
IFRAME>
/IFRAME>
创建一个内联的帧
scr="
定义在帧中显示的内容的来源
frameborder="
定义帧之间的边界(0或1)
height="
帧的高度width="
帧的宽度
marquee>
/marquee>
普通捲動
marqueebehavior=slide>
滑動
marqueebehavior=scroll>
預設捲動
marqueebehavior=alternate>
來回捲動
marqueedirection=down>
向下捲動
marqueedirection=up>
向上捲動
marqueedirection=right>
向右捲動
marqueedirection='
left'
向左捲動
marqueeloop=2>
捲動次數
marqueewidth=180>
設定寬度
marqueeheight=30>
設定高度
marqueebgcolor=FF0000>
設定背景顏色
marqueescrollamount=30>
設定捲動距離
marqueescrolldelay=300>
設定捲動時間
imgsrc="
插入图片,参数有:
width="
宽"
alt="
说明文字"
height="
高"
boder="
边框"
◆◆◆◆◆◆◆◆◆◆◆◆◆◆《文档整体属性标志》◆◆◆◆◆◆◆◆◆◆◆◆◆◆
bodybgcolor="
设置背景颜色。
使用名字或RGB的十六进制值
bodybackground="
设置背景图片
bodybgsound="
设置背景音乐
bodybgproperties="
fixed"
固定背景图片(IE适用)
bodytext="
设置文本颜色。
使用名字或RGB的十六进制值
bodylink="
设置链接颜色。
使用名字或RGB的十六进制值
bodyvlink="
设置已使用的链接的颜色。
bodyalink="
设置正在被击中的链接的颜色。
bodytopmargin="
设置页面的上边距<
bodyleftmargin="
设置页面的左边距
结构
<html>
<head>
<title>标题</title>
</head>
<body>..........文件内容..........</body>
</html>
1.文件标题
<title>..........</titl>
2.文件更新--<
meta>
【1】10秒后自动更新一次<metahttp-equiv="
refresh"
content=10>
【2】10秒后自动连结到另一文件<metahttp-equiv="
content="
10;
URL=欲连结文件之URL"
>
3.查询用表单--<isindex>
若欲设定查询栏位前的提示文字:
<isindexprompt="
提示文字"
4.预设的基准路径--<base>
<basehref="
放置文件的主机之URL"
版面
1).标题文字
<h#>..........</h#>#=1~6;
h1为最大字,h6为最小字
2.字体变化
<font>..........</font>【1】字体大小
<fontsize=#>..........</font>
#=1~7;
数字愈大字也愈大【2】指定字型
<fontface="
字型名称"
>.........</font>【3】文字颜色
<fontcolor=#rrggbb>..........</font>
色码rr:
表红色(red),色码gg:
表绿色green)色码bb:
表蓝色(blue)色码
3.显示小字体
<small>.........<
./small>
4.显示大字体
<big>..........</big>
5.粗体字
<b>..........</b>
6.斜体字
<i>..........</i>
7.打字机字体
<tt>..........</tt>
8.底线
<u>..........</u>
9.删除线<strike>..........</strike>
10.下标字
<sub>..........</sub>
11.上标字
<sup>
..........</sup>
12.文字闪烁效果
<blink>..........</blink>
13.换行<br>
14.分段<p>......<
15.文字的对齐方向
<palign="
#"
>#号可为
left:
左对齐,center:
中对齐right:
右对齐
P.S.:
<palign="
>之后的文字都会以所设的对齐方式显示,
直到出现另一个<palign="
>改变其对齐方向,或遇到
<hr>?
<h#>标签时会自动设回预设的向左对齐。
16.分隔线<hr>
【1】分隔线的粗细<hrsize=点数>
【2】分隔线的宽度<hrsize=点数或百分比>
【3】分隔线对齐方向<hralign="
#号可为
【4】分隔线的颜色<hrcolor=#rrggbb>
【5】实心分隔线<hrnoshade>
17.向中对齐<center>..........</center>
18.依原始样式显示<pre>..........</pre>
19.<body>指令的属性
【1】背景颜色--bgcolor<bodybgcolor=#rrggbb>
【2】背景图案--background<bodybackground="
图形文件名"
【3】设定背景图案不会卷动--bgproperties<bodybgproperties=fixed>
【4】文件内容文字的颜--text<bodytext=#rrggbb>
【5】超连结文字颜色--link<bodylink=#rrggbb>
【6】正被选取的超连结文字颜色--vlink<bodyvlink=#rrggbb>
【7】已连结过的超连结文字--alink<bodyalink=#rrggbb>
20.注解<!
--..........-->
21.特殊字元表示法
符号语法:
<,&
lt,>,&gt,&
&amp,"
&quot,空白,&nbsp
图片
1.插入图片<imgsrc="
2.设定图框--border<imgsrc="
border=点数>
3.设定图形大小--width?
height<imgsrc="
width=宽度点数height=高度点数>
4.设定图形上下左右留空--vspace?
hspace
<imgsrc="
vspace=上下留空点数hspace=左右留空点数>
5.图形附注<imgsrc="
alt="
6.预载图片<imgsrc="
高解析度图形文件名"
lowsrc="
低解析度图形文件名"
P.S.两个图的图形大小最好一致
7.影像地图(ImageMap)<imgsrc="
usemap="
#图的名称"
<mapname="
图的名称"
<areashape=形状coords=区域座标列表href="
连结点之URL"
<areashape=形状coords=区域座标列表href="
>
<areashape=形状coords=区域座标列表href="
</map>
【1】定义形状--shapeshape=rect:
矩形,
shape=circle圆形,shape=poly:
多边形
【2】定义区域--coords
a.矩形:
必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标
例:
<areashape=rectcoords=100,50,200,75href="
b圆形:
必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度
例:
<areashape=circlecoords=85,155,30href="
c.任意图形(多边形):
将图形之每一转折点座标依序填入
<areashape=polycoords=232,70,285,70,300,90,250,90,200,78href="
表格
1.定义表格<table>..........<
/table>
【1】设定边框的厚度--border<tableborder=点数>
【2】设定格线的宽度--cellspacing<tablecellspacing=点数>
【3】设定资料与格线的距离--cellpadding<tablecellpadding=点数>
【4】调整表格宽度--width<tablewidth=点数或百分比>
【5】调整表格高度--height<tableheight=点数或百分比>
【6】设定表格背景色彩--bgcolor<tablebgcolor=#rrggbb>
【7】设定表格边框色彩--bordercolor<tablebordercolor=#rrggbb>
2.显示格线<tableborder>
3.表格标题<caption>..........</caption>
表格标题位置--align<captionalign="
#号可为:
top:
表标题置于表格上方(预设值),bottom:
表标题置于表格下方
4.定义列<tr>
5.定义栏位
《1》<td>
:
靠左对齐
《2》<th>:
靠中对齐粗体
【1】水平位--align<thalign="
#号可为left:
向左对齐center:
向中对齐right:
向右对齐
【2】垂直位置--align<
thalign="
#号可为top:
向上对齐middle:
向中对齐bottom:
向下对齐
【3】栏位宽度--width<thwidth=点数或百分比>
【4】栏位垂直合并--rowspan<throwspan=欲合并栏位数>
【5】栏位横向合并--colspan<thcolspan=欲合并栏位数>
清单
一、目录式清单
<dir><li>项目1<li>项目2<li>项目3</dir>
P.S.目录式清单每一个项目不能超过20个字元(即10个中文
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- html 常见 标签