2022年网页HTML中各个代码意思大全 .pdf

《2022年网页HTML中各个代码意思大全 .pdf》由会员分享，可在线阅读，更多相关《2022年网页HTML中各个代码意思大全 .pdf（6页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页 HTML 中各个代码意思大全网页 HTML 代码中的 h1，p，a，tr ，td 分别代表什么意思？相信还有很多人都不太了解，现在我们就具体讲一下它们的意思及用法：h1 一级标题，h2 二级标题，p 段落，a 超连接，tr 表格 行，td 表格 列，li 标签定义列表，ul 标签定义列表中的无序列表这些都是 HTML 中的常用标签他们都有特定的定义没有英文全名HTML 标签详解结构html headtitle标题 /title/headbody.文件内容 . /body /html 1. 文件标题title./title2. 文件更新 - meta【1】10秒后自动更新一次meta ht

2、tp-equiv=refresh content=10【2】10秒后自动连结到另一文件meta http-equiv=refresh content=10；URL= 欲连结文件之 URL3. 查询用表单 - isindex 若欲设定查询栏位前的提示文字：isindex prompt=提示文字 4. 预设的基准路径 - base base href= 放置文件的主机之URL 版面1. 标题文字h#./h# #=16；h1为最大字， h6 为最小字2. 字体变化font ./font 【1】字体大小 font size=# ./font #=17；数字愈大字也愈大【2】指定字型font face=

3、字型名称 ./font 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 6 页 - - - - - - - - - 【3】 文字颜色font color=#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. 删

4、除线 strike ./strike10. 下标字 sub./sub 11. 上标字 sup./sup 12. 文字闪烁效果blink ./blink13. 换行 br14. 分段 p15. 文字的对齐方向p align=# # 号可为 left：表向左对齐（预设值）center ：表向中对齐 right：表向右对齐 P.S. p align=#之后的文字都会以所设的对齐方式显示，直到出现另一个 p align=#改变其对齐方向，或遇到 hr?h#标签时会自动设回预设的向左对齐。16. 分隔线 hr 【1】分隔线的粗细hr size=点数【2】分隔线的宽度hr size=点数或百分比【3】分隔

5、线对齐方向hr align=# # 号可为 left：表向左对齐（预设值）center ：表向中对齐 right：表向右对齐【4】分隔线的颜色hr color=#rrggbb【5】实心分隔线hr noshade 17. 向中对齐center ./center 18. 依原始样式显示pre./pre 19. body指令的属性【1】背景颜色 - bgcolor body bgcolor=#rrggbb【2】背景图案 - background body background= 图形文件名 【3】设定背景图案不会卷动 - bgproperties body bgproperties=fixed【4】

6、文件内容文字的颜色 - text body text=#rrggbb【5】超连结文字颜色 - link body link=#rrggbb【6】正被选取的超连结文字颜色 - vlink body vlink=#rrggbb【7】已连结过的超连结文字颜色 - alink body alink=#rrggbb20. 注解 !-.-21. 特殊字元表示法符 号语法lt gt & amp quot 空白nbsp 图片1. 插入图片img src= 图形文件名 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - -

7、- - - 第 2 页，共 6 页 - - - - - - - - - 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. 两个图的图形大小

8、最好一致7. 影像地图（ Image Map ） img src= 图形文件名 usemap=# 图的名称 map name= 图的名称 area shape= 形状 coords= 区域座标列表 href=连结点之 URLarea shape= 形状 coords= 区域座标列表 href=连结点之 URLarea shape= 形状 coords= 区域座标列表 href=连结点之 URLarea shape= 形状 coords= 区域座标列表 href=连结点之 URL/map【1】定义形状 - shape shape=rect： 矩形 shape=circle： 圆形 shape=p

9、oly：多边形【2】定义区域 - coords a. 矩形：必须使用四个数字， 前两个数字为左上角座标， 后两个数字为右下角座标例： area shape=rect coords=100,50,200,75 href=URLb. 圆形：必须使用三个数字， 前两个数字为圆心的座标， 最后一个数字为半径长度例： area shape=circle coords=85,155,30 href=URLc. 任意图形（多边形）：将图形之每一转折点座标依序填入例： area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href=URL 表格1.

10、 定义表格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 名师资料总结 - -

11、 -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 6 页 - - - - - - - - - table bordercolor=#rrggbb2. 显示格线table border3. 表格标题caption ./caption表格标题位置 - align caption align=# # 号可为 top ：表标题置于表格上方（预设值）bottom：表标题置于表格下方4. 定义列 tr 5. 定义栏位1td ：靠左对齐2th ：靠中对齐 ?粗体【1】水平位置 - align th alig

12、n=#号可为 left：向左对齐center ：向中对齐 right：向右对齐【2】垂直位置 - align th align=# # 号可为top ：向上对齐 middle ：向中对齐bottom：向下对齐【3】栏位宽度 - width th width=点数或百分比【4】栏位垂直合并 - rowspan th rowspan= 欲合并栏位数【5】栏位横向合并 - colspan th colspan= 欲合并栏位数清单一、目录式清单dir li 项目 1 li 项目 2 li 项目 3 /dir P.S. 目录式清单每一个项目不能超过20 个字元（即 10 个中文字）二、选项式清单menu

13、 li 项目 1 li 项目 2 li 项目 3 /menu三、有序号的清单ol li 项目 1 li 项目 2 li 项目 3 /ol 【1】序号形式 - type ol type=#或 li type=# # 号可为 A：表以大写英文字母 A?B?C?D.做为项目编号 a ：表以小写英文字母a?b?c?d. 做为项目编号 I ： 表以大写罗马数字做为项目编号 i ： 表以小写罗马数字做为项目编号 1 ：表以阿拉伯数字做为项目编号（预设值）【2】起始数字 - start ol start=欲开始计数的序数【3】指定编号 - value li value=欲指定的序数四、无序号的清单ul li

14、 项目 1 li 项目 2 li 项目 3 /ul 【1】项目符号形式 - type ul type=# 或 li type=# # 号可为 disc ：实心圆点（预设值） circle：空心圆点 square ：实心方块【2】原始清单 - plain ul plain【3】清单排列方式 - warp 1清单垂直排列ul warp = vert 2清单水平排列ul warp = horiz五、定义式清单dl dt 项目 1 dd项目 1 说明 dt 项目 2 dd项目 2 说明 dt 项目 3 dd项目 3 说明 /dl 紧密排列 - compact dl compact P.S. 如此可使

15、dt 的内容与 dd的名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 6 页 - - - - - - - - - 内容在同一行，仅以数格空白相隔而不换行，但若dt 的文字超过一定的长度后， compact 的作用就消失了！表单一、基本架构form action=处理资料用的 CGI程式之 URL或mailto:电子信箱的 URL method=get 或 post . . . /form 二、输入文件型表单form action=URL method=post input

16、 input . . /form 【1】 栏位类型 - type input type=# # 号可为 text： 文字输入 password ：密码 checkbox ：多选钮 radio ：单选钮 submit ：接受按钮 reset ：重设按钮image：图形钮 hidden ：隐藏栏位【2】栏位名称 - name input name= 资料栏名 P.S. 若 type 为submit?reset则 name不必设定【3】文件上的预设值 - value input value=预设之字串 【4】设定栏位的宽度 - size input size=字元数【5】限制最大输入字串的长度 -

17、maxlength input maxlength=字元数【6】预设 checkbox 或 radio 的初值 - checked input type=checkbox checkedinput type=radio checked【7】指定图形的 URL - src input type=image src=图档名 【8】图文对齐 - align input type=image align=# # 号可为 top ：文字对齐图片之顶端 middle ：文字对齐图片之中间 buttom ：文字对齐图片之底部三、选择式表单form action=URL method=post select

18、optionoption . . /select /form A、select 的属性【1】栏位名称 - name select name= 资料栏位名 【2】设定显示的选项数 - size select size=个数【3】多重选项 - multiple select multipleB、option 的属性【1】定义选项的传回值 - value option value=传回值 【2】预先选取的选项 - selected option selected四、多列输入文字区表单form action=URL method=post textarea . . /textarea /form 【1

19、】文字区的变数名称 - name textarea name= 变数名称【2】设定文字输入区宽度 - cols textarea cols=字元数【3】设定文字输入区高度 - rows textarea rows=列数【4】输入区设定预设字串textarea 预设文字 /textarea【5】自动换行与否 - wrap textarea wrap=# # 号可为 off ：表输入的文字超过栏宽时，不会自动换行（预设值） virtual：表输入的文字在超过栏宽时会自动换行链接一、连结至其他文件a href=URL 说明文字或图片 /a 二、连结至文件内之某一处（外部连结）1起点a href= 档

20、名#名称./a 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 6 页 - - - - - - - - - 2终点 a name=名称 三、frame 的超连结【1】开启新的浏览器来显示连结文件 - _blank a href=URL target=_blank【2】显示连结文件於目前的frame - _self a href=URL target=_self【3】以上一层的分割视窗显示连结文件 - _parent a href=URL target=_parent【4】

21、以全视窗显示连结文件 - _top a href=URL target=_top【5】以特定视窗显示连结文件 - a href=URL target=特定视窗名称 FRAME 一、分割视窗指令frameset ./frameset 【1】垂直（上下）分割 - rows frameset rows=# # 号可为点数：如欲分割为100,200,300 三个视窗，则frameset rows=100,200,300 ；亦可以 *号代表，如frameset rows=*,500,*百分比：如 frameset rows=30%,70%，各 项总和最好为 100% 【2】水平（左右）分割 - cols

22、 frameset cols=点数或百分比二?指定视窗内容 - frameframeset cols=30%,70% frameframe /frameset 【1】指定视窗的文件名称 - src frame src=HTML 档名【2】定义视窗的名称 - name frame name=视窗名称【3】设定文件与上下边框的距离 - marginheight frame marginheight=点数【4】设定文件与左右边框的距离 - marginwidth frame marginwidth=点数【5】设定分割视窗卷轴 - scrolling frame scrolling=# # 号可为 yes ：固定出现卷轴no：不出现卷轴 auto ：自动判断文件大小需不需要卷轴（预设值）【6】锁住分割视窗的大小 - noresize frame noresize名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 6 页 - - - - - - - - -