当前位置:起点学习辅导网培训频道电脑知识学习网页制作HTML与CSS教程HTML标签大全

HTML标签大全

01-01 19:59:59浏览次数:814栏目:HTML与CSS教程
标签:html与css教程,css教程,html网页设计教程,暂无联系方式 HTML标签大全,

   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

[1] [2] [3]  下一页

,HTML标签大全
给资讯打分:
网友评论: