网页参考:HTML标记手册

2016-02-19 22:23 1 1 收藏

下面图老师小编要跟大家分享网页参考:HTML标记手册,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - Web开发 】

总类(所有HTML文件都有的)

文件类型 HTML/HTML (放在档案的开头与结尾)
文件主题 TITLE/TITLE (必须放在「文头」区块内)
文头 HEAD/HEAD (描述性资料,像是「主题」)
文体 BODY/BODY (文件本体)

结构性定义(由浏览器控制的显示风格)

标题 H?/H? (从1到6,有六层选择)
3.0 标题的对齐 H? ALIGN=LEFT|CENTER|RIGHT/H?
3.0 区分 DIV/DIV
3.0 区分的对齐 DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY/DIV
引文区块 BLOCKQUOTE/BLOCKQUOTE (通常会内缩)
强调 EM/EM (通常会以斜体显示)
特别强调 STRONG/STRONG (通常会以加粗显示)
引文 CITE/CITE (通常会以斜体显示)
码 CODE/CODE (显示原始码之用)
样本 SAMP/SAMP
键盘输入 KBD/KBD
变数 VAR/VAR
定义 DFN/DFN (有些浏览器不提供)
地址 ADDRESS/ADDRESS
3.0 大字 BIG/BIG
3.0 小字 SMALL/SMALL

与外观相关的标签(作者自订的表现方式)

加粗 B/B
斜体 I/I
3.0 底线 U/U (尚有些浏览器不提供)
3.0 删除线 S/S (尚有些浏览器不提供)
3.0 下标 SUB/SUB
3.0 上标 SUP/SUP
打字机体 TT/TT (用单空格字型显示)
预定格式 PRE/PRE (保留文件中空格的大小)
预定格式的宽度 PRE WIDTH=?/PRE(以字元计算)
N1.0+ 向中看齐 CENTER/CENTER (文字与图片都可以)
N1.0 闪耀 BLINK/BLINK (有史以来最被嘲弄的标签)
N1.0 字体大小 FONT SIZE=?/FONT(从1到7)
N1.0 改变字体大小 FONT SIZE=+|-?/FONT
N1.0 基本字体大小 BASEFONT SIZE=? (从1到7; 内定为3)
N2.0 字体颜色 FONT COLOR="#$$$$$$"/FONT

连结与图形

链接 A HREF="URL"/A
链接到锚点 A HREF="URL#***"/A(如果锚点在另一个档案)
A HREF="#***"/A (如果锚点目前的档案)
N2.0 链接到目的视框 A HREF="URL" TARGET="***"/A
设定锚点 A NAME="***"/A
图形 IMG SRC="URL"
图形看齐方式 IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE
N1.0 图形看齐方式 IMG SRC="URL"
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM
取代文字 IMG SRC="URL" ALT="***" (如果没有办法显示图形则显示此文字)
点选图 IMG SRC="URL" ISMAP (需要CGI程式)
N2.0 点选图 IMG SRC="URL" USEMAP="URL"
N2.0 地图 MAP NAME="***"/MAP(描述地图)
N2.0 段落 AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF
3.0 大小 IMG SRC="URL" WIDTH="?" HEIGHT="?"(以pixels为单位)
N1.0 图形边缘 IMG SRC="URL" BORDER=? (以pixels为单位)
N1.0 图形边缘空间 IMG SRC="URL" HSPACE=? VSPACE=? (以pixels为单位)
N1.0 低解析度图形 IMG SRC="URL" LOWSRC="URL"
N1.1 用户端拉 META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"(使用端自动更新 )
N2.0 内嵌物件 EMBED SRC="URL" (将物件插入页面)
N2.0 内嵌物件大小 EMBED SRC="URL" WIDTH="?" HEIGHT="?"

分隔

段落 P (通常是两个return)
3.0 段落 P/P (新定义成容器型标签)
3.0 文字看齐方式 P ALIGN=LEFT|CENTER|RIGHT/P
换行 BR (一个return)
N1.0 文字部份看齐方式BR CLEAR=LEFT|RIGHT|ALL(与图形合用时)
横线 HR
N1.0 横线对齐 HR ALIGN=LEFT|RIGHT|CENTER
N1.0 横线厚度 HR SIZE=? (以pixels为单位)
N1.0 横线宽度 HR WIDTH=? (以pixels为单位)
N1.0 横线比率宽度 HR WIDTH=% (以页宽为100%)
N1.0 实线 HR NOSHADE (没有立体效果)
N1.0 不可换行 NOBR/NOBR (不换行)
N1.0 可换行处 WBR (如果需要,可在此断行)

列举(可以巢状列举)

无次序式列举 ULLI/UL (LI 放在每一项前)
N1.0 公布式列举 UL TYPE=DISC|CIRCLE|SQUARE(定义全部的列举项)
LI TYPE=DISC|CIRCLE|SQUARE(定义这个及其後的列举项)
有次序式列举 OLLI/OL (LI 放在每一项前)
N1.0 数标型态 OL TYPE=A|a|I|i|1 (定义全部的列举项)
LI TYPE=A|a|I|i|1 (定义这个及其後的列举项)
N1.0 起始数字 OL value=? (定义全部的列举项)
LI value=? (定义这个及其後的列举项)
定义式列举 DLDTDD/DL(DT项目, DD定义)
表单式列举 MENULI/MENU(LI 放在每一项前)
目录式列举 DIRLI/DIR (LI 放在每一项前)

背景与颜色

3.0 重复排列的背景 BODY BACKGROUND="URL"
N1.1+ 背景颜色 BODY BGCOLOR="#$$$$$$" (依序为红、绿、蓝)
N1.1+ 文字颜色 BODY TEXT="#$$$$$$"
N1.1+ 连结颜色 BODY LINK="#$$$$$$"
N1.1+ 看过的连结 BODY VLINK="#$$$$$$"
N1.1 使用中的连结 BODY ALINK="#$$$$$$"

特殊字元(以下标签需用小写)

特别符号 &#?; (其中 ? 代表 ISO 8859-1 的编码)
& lt;& gt;
注册商标TM & reg;
N1.0+ 注册商标TM & reg;
著作权符号 & copy;
N1.0+ 著作权符号 & copy;

表单(通常需要与CGI程式配合)

定义表单 FORM ACTION="URL" METHOD=GET|POST/FORM
N2.0 上传档案 FORM ENCTYPE="multipart/form-data/FORM
输入栏位 INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET"
栏位名称 INPUT NAME="***"
栏位内定值 INPUT value="***"
已选定 INPUT CHECKED (适用於checkboxes与 radio boxes)
栏位宽度 INPUT SIZE=? (以字元数为单位)
最长字数 INPUT MAXLENGTH=? (以字元数为单位)
下拉式选单 Select/Select
下拉式选单名称 Select NAME="***"/Select
选单项目数量 Select SIZE=?/Select
多选式选单 Select MULTIPLE (多选)
选项 OPTION
内定选项 OPTION SelectED
文字输入区 TEXTAREA ROWS=? COLS=?/textarea
输入区名称 TEXTAREA NAME="***"/textarea
N2.0 输入区换行方式 TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL/textarea

表格

3.0 定义表格 TABLE/TABLE
3.0 表格框线 TABLE BORDER/TABLE (有或没有)
N1.1 表格框线 TABLE BORDER=?/TABLE(可以设定数值)
N1.1 储存格左右留白 TABLE CELLSPACING=?
N1.1 储存格上下留白 TABLE CELLPADDING=?
N1.1 表格宽度 TABLE WIDTH=? (以pixels为单位)
N1.1 宽度比率 TABLE WIDTH=% (页宽为100%)
3.0 表格列 TR/TR
3.0 表格列内容看齐 TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM
3.0 储存格 TD/TD (须与列并用)
3.0 储存格内容看齐 TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM
3.0 不换行 TD NOWRAP
N3.0 储存格背景颜色 TD BGCOLOR=#$$$$$$
3.0 储存格横向连接 TD COLSPAN=?
3.0 储存格纵向连接 TD ROWSPAN=?
N1.1 储存格宽度 TD WIDTH=? (以pixels为单位)
N1.1 储存格宽度比率 TD WIDTH=% (页宽为100%)
3.0 表格标题 TH/TH (跟TD一样,不过会对中并加粗)
3.0 表格标题对齐 TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM
3.0 表格标题不换行 TH NOWRAP
3.0 表格标题占几栏 TH COLSPAN=?
3.0 表格标题占几列 TH ROWSPAN=?
N1.1 表格标题宽度 TH WIDTH=? (以pixels为单位)
N1.1 表格标题比率宽度TH WIDTH=% (页宽为100%)
3.0 表格抬头 CAPTION/CAPTION
3.0 表格抬头看齐 CAPTION ALIGN=TOP|BOTTOM(在表格之上/之下)

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

视框(定义与控制萤幕上的特定区域)

N2.0 视框格式总定义 FRAMESET/FRAMESET (取代BODY)
N2.0 视框行长度分配 FRAMESET ROWS=,,,/FRAMESET(pixels 或 %)
N2.0 视框行长度分配 FRAMESET ROWS=*/FRAMESET (* = 相对大小)
N2.0 视框栏宽度分配 FRAMESET COLS=,,,/FRAMESET(pixels 或 %)
N2.0 视框栏宽度分配 FRAMESET COLS=*/FRAMESET (* =相对大小)
N2.0 定义个别视框 FRAME (定义个别视框)
N2.0 个别视框内容 FRAME SRC="URL"
N2.0 个别视框名称 FRAME NAME="***"|_blank|_self|_parent|_top
N2.0 边缘宽度 FRAME MARGINWIDTH=? (「左」与「右」边界)
N2.0 边缘高度 FRAME MARGINHEIGHT=? (「天顶」与「地底」边界)
N2.0 卷动条 FRAME SCROLLING="YES|NO|AUTO"
N2.0 不可改变大小 FRAME NORESIZE
N2.0 无视框时的内容 NOFRAMES/NOFRAMES(如果浏览器不提供视框功能的话)

杂项

说明 (浏览器不会显示)
档案型态声明 !DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"
3.0 档案型态声明 !DOCTYPE HTML PUBLIC "-//W3O//DTD W3 HTML 3.0//EN"
可搜寻 ISINDEX (指示可搜寻的索引项)
N1.0 提示 ISINDEX PROMPT="***" (要求输入的提示文字)
送出搜寻条件 A HREF="URL?***"/a (其中的问号不是数字,而是「问号」)
基本档案的URL BASE HREF="URL" (必须放在「文头」区段内)
N2.0 基本视窗名称 BASE TARGET="***" (必须放在「文头」区段内)
相关性 LINK REV="***" REL="***" HREF="URL" (必须放在「文头」区段内)
背景资讯 META (必须放在「文头」区段内)

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160219/1628256.html

延伸阅读
标签: Web开发
点击这里返回脚本之家 HTML教程 栏目. 上文: 标记语言邪恶表格 原文出处Chapter 4 引用 Misquotations are the only quotations tha are never misquoted (只有错误的引用永远不会被误用) - Hesketh Pearson 所有类型的网站都经常会使用引用,不管是引用其他网页、作者或出版物的内容,以标准方法标记引用内容是非常有好处的。因为一旦完...
  ■ 框架标记 <FRAMESET <FRAME <NOFRAMES <IFRAME 欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。 也请先明白围堵标记与空标记的分别,请看 【HTML概念】。 ■ 框架概念 : 谓框架便是网页画面分成几个框窗,同时取得多个 URL。只需要 <FRAMESET <FRAME 即可,面所有框架...
  ■ 字体标记 <STRONG <B <I <EM <VAR <CITE <DFN <ADDRESS <TT <SAMP <CODE <KBD <U <STRIKE <BIG <SMALL <SUP <SUB <H1 <H2 <H3 <H4 <H5 <H6 <FONT <BASEFONT 欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。 也请...
  ■ 图形标记 <IMG 欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。 也请先明白围堵标记与空标记的分别,请看 【HTML概念】。 ■ <IMG : <IMG 称图形标记,主要用来插入图形标记,主要用来插入图片于网页中,至于其它用处如配合影片档案等的播放 及影像地图(Image Map 或称一图多链接)...
  ■ 清单标记 <OL <LI <UL <MENU <DIR <DL <DT <DD 欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。 也请先明白围堵标记与空标记的分别,请看 【HTML概念】。 ■ <OL <LI : ▲Top <OL称为标记。<LI则用以标示清单项目。 所谓顺序清单就是在每一项前加...

经验教程

898

收藏

34
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部