1.文件标题
<title>..........</title>
2.文件更新--<meta>
【1】用来标记搜索引擎在搜索你的页面时所取出的关键词
<meta name="keywords" content="study,computer">
【2】用来标记文档的作者
<meta name="author" content="alen">
【3】用来标记你的页面的解码方式
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
【4】10秒后自动更新一次
<meta http-equiv="refresh" content=10>
【5】10秒後自动连结到另一文件
<meta http-equiv="refresh" content="10;URL=欲连结文件之URL">
3.查询用表单--<isindex>
若欲设定查询栏位前的提示文字:
<isindex prompt="提示文字">
4.预设的基准路径--<base>
<base href="放置文件的主机之URL">
版面
1.标题文字 <h#>..........</h#> #=1~6;h1为最大字,h6为最小字
2.字体变化 <font>..........</font>
【1】字体大小 <font size=#>..........</font> #=-7~+7;数字愈大字也愈大,亦可以使用像素
【2】指定字型 <font face="字型名称">..........</font>
【3】文字颜色 <font color=#rrggbb>..........</font> rr:表红色(red)色码 gg:表绿色(green)色码 bb:表蓝色(blue)色码
em标记-斜体 <em>……</em> 相当于<i>……</i>
strong标记-对内容进行强调 <strong>……</strong> 相当于<b>……</b>
code标记-等宽字符 <code>……</code>
var标记变量或程序参数-以斜体字来显示 <var>……</var> 相当于<i>……</i>
3.显示小字体 <small>..........</small>
4.显示大字体 <big>..........</big>
5.粗体字bold <b>..........</b>
6.斜体字italic <i>..........</i>
7.打字机字体 <tt>..........</tt>
8.下划线underlined <u>..........</u>
9.删除线strikethrough <s>…………</s> 或<strike>..........</strike>
10.下标字subscript <sub>..........</sub>
11.上标字superscript <sup>..........</sup>
12.文字闪烁效果 <blink>..........</blink>
<cite>…</cite> 用于引用的方式显示字体
<em>…</em> 显示需强标的文本,斜体加粗体
<strong></strong> 显示需加重的文本,黑体加粗体
13.换行 <br>
不换行<nobr>…………</nobr> 浏览器窗口宽度小于文本宽度时,下方会出现滚动条;若无此标记时,文本会自动换行
14.分段 <p> (段paragraph(可以看作是空行),html段落间有一定的空隔,若不希望出现空隔而只想换行的话,就用<br>)
15.文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.<p align="#">之後的文字都会以所设的对齐方式显示, 直到出现另一个<p align="#">改变其对齐方向,或遇到 <hr>ⅱ<h#>标签时会自动设回预设的向左对齐。
16.分隔线 <hr>
【1】分隔线的粗细 <hr size=点数>
【2】分隔线的长度 <hr width=点数或百分比>
【3】分隔线对齐方向 <hr align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐
【4】分隔线的颜色 <hr color=#rrggbb>
【5】实心分隔线 <hr noshade>
17.向中对齐(文字与图片都可以) <center>..........</center>它的作用与使用<p>元素里的align="center"类似
18.依原始样式显示 <pre>..........</pre> www.qidian55.com
19.<body>标签的属性
【1】背景颜色 -- bgcolor <body bgcolor=#rrggbb>
【2】背景图案 -- background <body background="图形文件名">
【3】设定背景图案不会卷动 -- bgproperties <body bgproperties=fixed>
【4】设定整个网页中的文字颜色 -- text <body text=#rrggbb>
【5】设定一般超链接文本的显示颜色 -- link <body link=#rrggbb>
【6】设定访问过的超级链接文本的显示颜色 -- vlink <body vlink=#rrggbb>
【7】设定鼠标移到超链接上时,超链接文本显示的颜色 -- alink <body alink=#rrggbb>
【8】设定网页显示画面与浏览器窗口左边沿和上边沿的间隙,单位为像素 -- leftmargin和topmargin <body leftmargin=100 topmargin=100>
【9】还有标签也有的属性class、name、id、style
20.分区division <div>……</div>
21.注解 <!--..........-->
图片
1.插入图片 <img src="图形文件名"> src的URL可以网络地址或本地地址(可以绝对地址或相对地址)
图片对齐 -- align <img src="图片文件" align=#> #可为left,right等(水平对齐)
Align=Top使图像顶部与文本区域顶部对齐
Align=middle使图像中部与文本区域顶部对齐
Align=bottom使图像底部与文本区域顶部对齐
2.设定图片边框 -- border <img src="图形文件名" border=点数>
3.设定图形大小 -- widthⅱheight <img src="图形文件名" width=宽度点数或百分比 height=高度点数或百分比>
4.设定图形垂直水平间距 -- vspaceⅱhspace <img src="图形文件名" vspace=垂直间距 hspace=水平间距>
5.图形附注 <img src="图形文件名" alt="说明文字">
6.预载图片
<img src="高解析度图形文件名" lowsrc="低解析度图形文件名"> P.S.两个图的图形大小最好一致
7.影像地图(Image Map)
<img src="图形文件名" usemap="#图的名称">
<map name="图的名称">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
</map>
【1】定义形状 -- shape
shape=rect:rectangle矩形 shape=circle:圆形 shape=poly:多边形
【2】定义区域 -- coords
a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标
例:<area shape=rect coords=100,50,200,75 href="URL">
b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度
例:<area shape=circle coords=85,155,30 href="URL">
c.任意图形(多边形):将图形之每一转折点座标依序填入 www.qidian55.com
例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL">
表格(表格的作用一般只是控制文本、图像的显示,而不显示表格的边框)
>、<tr>、<td>三个元素必须、而且只能配对使用。缺少任何一个元素,都无法定义出一个表格。
1.定义一个表格 <table>..........</table>每一个表格只有一对></table>,一个页面可以有多个表格
【1】设定边框的粗细 -- border
<table border=点数>
【2】单元格间距 -- cellspacing
<table cellspacing=点数>
【3】单元格边距 -- cellpadding
<table cellpadding=点数>
【4】调整表格宽度 -- width
<table width=象素或百分比>
【5】调整表格高度 -- height
<table height=点数或百分比>
【6】设定表格背景色彩 -- bgcolor
<table bgcolor=#rrggbb>
【7】设定表格边框色彩 -- bordercolor
<table bordercolor=#rrggbb>
【8】亮边框的颜色 -- bordercolorlight
【9】暗边框的颜色 -- bordercolordark
,HTML标签大全