网页初学者的参考:HTML标记手册

2016-02-19 22:20 4 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="?"

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

分隔

段落 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

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

表格

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(在表格之上/之下)

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

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 (必须放在「文头」区段内)

来源:http://www.tulaoshi.com/n/20160219/1628194.html

延伸阅读
标签: PHP
一个教学工具 要看到你的浏览器当前窗口所显示信息的原始文件, 可以选择浏览器菜单中的 View Source (或者等价操作) 选项. 文件的内容和所有的 HTML 标记将显示在一个新窗口中. 这是学习使用 HTML 和掌握技巧和构造的一个非常好的方式. 当然, 你看的 HTML 不一定在技术上是正确的. 当你熟悉了 HTML 并且看了很多这方面的参考资...
标签: PHP
地址Addresses <ADDRESS 标记通常用于说明文档的作者, 与作者联系的方法 (如, 一个电子邮件地址), 和一个修订日期. 它一般是一个文件的最后部分. 例如, 本在线指南的最后一行为: <ADDRESS A Beginner's Guide to HTML / NCSA / pubs@ncsa.uiuc.edu / revised April 96 </ADDRESS 结果为: A Beginner's Guide to ...
标签: PHP
本文是创建HTML文件的初级读物。HTML 是 WWW(World Wide Web )中使用的超文本标记语言。本指南的目的是介绍如何使用HTML和创建 web 文件。本文中的链接指向一些附加的信息。你还可以到你本地的书店查看一下,那里可能会有很多有价值的关于 Web 和 HTML 的资料。 前言 术语 WWW World Wide Web Web World Wide Web SGML Sta...
标签: PHP
列表Lists HTML 支持不编号 unnumbered, 编号numbered, 和定义definition 三种列表. 你也可以嵌套列表, 但是不要嵌套过多,否则会使读者感到不清晰。 不编号列表Unnumbered Lists 制作一个不编号的,公告式列表, 用开始标记 <UL ( unnumbered list 的简记) 开始 输入 <LI (list item) 标记,后面跟独立的项; 不需使...
标签: PHP
逻辑风格Logical Styles <DFN 用于被定义的单词. 一般用斜体显示. (NCSA Mosaic is a World Wide Web browser.) <EM 用于强调. 通常用斜体显示. (Consultants cannot reset your password unless you call the help line.) <CITE 用于书籍的标题, 等. 通常斜体显示. (A Beginner's Guide to HTML) <CODE 用于...

经验教程

641

收藏

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