推荐阅读HTML简明教程

教程

「超文标记语言」简明导引(中文版)
(本文适用於所有的浏览器)

接 入 Internet网 ,浏 览 WWW中 丰 富 多 彩 的 主 页 ,对 于 一 般 用 户 已 不 陌 生 ,如 何 编 写 自 己 的 主 页 ,在 网 络 上 展 示 自 己 的 风 格 ,已 逐 渐 成 为 大 家 的 热 门 话 题 ,掌 握 超 文 本 描 述 语 言 (HTML)是 在 Internet网 络 中 建 立 主 页 (Home Page)的 基 础 。
本 页 列 出 所 有 能 被 大 部 份 新 版 的 浏 览 器 所 接 受 的 标 签。
包 括 所 有 最 新 的 HTML2.0 标 签,也 包 括 很 流 行 的 Netscape 所 扩 充 部 份; 部 份HTML3.0 的 标 签 已 经 被 广 为 使 用,本 页 也 收 录 进 来 了。
请 记 住:使 用 了 Netscape 扩 充 标 签 的 页 面,在 其 他 浏 览 器 里 看 起 来 可 能 会 怪 怪 的。

目录

  1. HTML标签的表列
    • 总类
    • 结构性定义
    • 与外观相关的标记
    • 连结与图形
    • 分隔
    • 列举
    • 背景与颜色
    • 特殊字元
    • 表单
    • 表格
    • 视框
    • 杂项
  2. 中国版的使用者如果有换行与文字对齐方面的问题 ,
    请先阅读一下使用说明。

总类(所有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> (如果需要,可在此断行)

列举 (可以巢状列举)



无次序式列举 <UL><LI></UL> (<LI> 放在每一项前)

N1.0 公布式列举 <UL TYPE=DISC|CIRCLE|SQUARE>(定义全部的列举项)

<LI TYPE=DISC|CIRCLE|SQUARE>(定义这个及其後的列举项)

有次序式列举 <OL><LI></OL> (<LI> 放在每一项前)

N1.0 数标型态 <OL TYPE=A|a|I|i|1> (定义全部的列举项)

<LI TYPE=A|a|I|i|1> (定义这个及其後的列举项)

N1.0 起始数字 <OL VALUE=?> (定义全部的列举项)

<LI VALUE=?> (定义这个及其後的列举项)

定义式列举 <DL><DT><DD></DL>(<DT>项目, <DD>定义)

表单式列举 <MENU><LI></MENU>(<LI> 放在每一项前)

目录式列举 <DIR><LI></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 的编码)

< < > > & & " "

注册商标TM

N1.0+ 注册商标TM

著作权符号

N1.0+ 著作权符号

表单 (通常需要与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>(在表格之上/之下)

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



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



目录 | 标签表列

时间: 2024-09-11 11:36:52

推荐阅读HTML简明教程的相关文章

F#简明教程二:F#类型系统和类型推断机制

在上一篇教程<F#与函数式编程概述>中我们了解到F#和函数式编程的一些特点,更多关于F#语言和函数式编程的介绍可以参考51CTO之前对微软MVP赵颉老师的专访<TechED 09视频专访:F#与函数式编程语言>.本节教程我们将学习到F#的一些基础原理,在开始之前,让我们先温习一下我们的Hello World代码: #light System.Console.WriteLine("This is one hello") printfn "This is

最好的PHP入门教程推荐:100篇PHP教程精华推荐

我的PHP博客开博也快接近两年了,在广大PHP爱好者的支持下,我写了接近100篇经过实践验证的原创PHP教程,每一篇PHP教程都渗透着我的心血,作为下一个100篇PHP技术文章的起点,我针对这100篇PHP入门教程进行总结,首先从一个PHP网站建设者的角度推荐这些PHP教程中的精华,以后还会有PHP实例教程推荐,力争为PHP入门学习的朋友打造最好的PHP入门教程,希望我推荐的这些PHP教程对你有用,也欢迎和我交流PHP技术. 了解网站建设流程 浅谈建站经验之网站建设的流程与步骤 推荐理由:对于一

Jquery插件编写简明教程

 这篇文章主要介绍了Jquery插件编写简明教程,jquery插件开发实例,需要的朋友可以参考下  代码如下: /*  1.jQuery插件文件名推荐命名为 jquery.[插件名].js 以免和其他javascript库插件混淆.例如命名为jquery.color.js  2.所有的对象方法名都应当附加到jQuery.fn对象上而所有的全局函数都应当附加到jQuery对象本身上.  3.在插件内部,this指向的是当前通过选择器获取的jquery对象,而不像一般方法哪样,例如chick()方法

Java 8简明教程

原文地址 本文由 ImportNew - 黄小非 翻译自 winterbe.欢迎加入翻译小组.转载请见文末要求. ImportNew注:有兴趣第一时间学习Java 8的Java开发者,欢迎围观<征集参与Java 8原创系列文章作者>. 以下是<Java 8简明教程>的正文. "Java并没有没落,人们很快就会发现这一点" 欢迎阅读我编写的Java 8介绍.本教程将带领你一步一步地认识这门语言的新特性.通过简单明了的代码示例,你将会学习到如何使用默认接口方法,La

XML简明教程目录

XML简明教程第1课: 处理XML元素 XML简明教程第2课: 处理XML文档 XML简明教程第3课 处理XML数据岛 XML简明教程第4课: 使用XML对象模型 XML简明教程第5课:使用XML名域 XML简明教程第6课 使用XML Schema XML简明教程第7课:在XML文档中使用数据类型 XML简明教程第8课:访问经过类型定义的XML值 XML简明教程第9课:使用C++ XML DSO XML简明教程第10课 :C++ XML DSO中使用主/细节特征 XML简易教程之一 XML简易教

XSL简明教程目录

XSL简明教程(1)XSL入门 XSL简明教程(2)XSL转换 XSL简明教程(3)在客户端的实现 XSL简明教程(4)在服务器端的实现 XSL简明教程(5)XSL的索引 XSL简明教程(6)XSL过滤和查询 了解WEB页面工具语言XML(一)背景 了解WEB页面工具语言XML(二)定义 了解WEB页面工具语言XML(三)支持工具 了解WEB页面工具语言XML(四)应用分类 了解WEB页面工具语言XML(五)好处 了解WEB页面工具语言XML(六)展望

Linux防火墙iptables简明教程

  前几天微魔部落再次遭受到个别别有用心的攻击者的攻击,顺便给自己充个电,复习了一下linux下常见的防火墙iptables的一些内容,但是无奈网上的很多教程都较为繁琐,本着简明化学习的目的,微魔为大家剔除了许多冗余的内容,提取出尽量多的精华部分成文,和大家共同学习,本文涉及的内容包括如下 Linux防火墙iptables简明教程 1.安装iptables 2.查看现有的iptables规则 3.删除某iptables规则 4.清除现有iptables规则 5.创建规则 6.设置开机启动 7.保

Python类的定义、继承及类对象使用方法简明教程

  这篇文章主要介绍了Python类的定义.继承及类对象使用方法简明教程,本文用浅显易懂的语言讲解了类的定义.继承及类对象的使用,非常实用易懂,需要的朋友可以参考下 Python编程中类的概念可以比作是某种类型集合的描述,如"人类"可以被看作一个类,然后用人类这个类定义出每个具体的人--你.我.他等作为其对象.类还拥有属性和功能,属性即类本身的一些特性,如人类有名字.身高和体重等属性,而具体值则会根据每个人的不同;功能则是类所能实现的行为,如人类拥有吃饭.走路和睡觉等功能.具体的形式如

C++多任务编程简明教程 (1) - C++的多任务其实很简单

C++多任务编程简明教程 (1) - C++的多任务其实很简单 用库的方式无法实现彻底的线程安全!我们需要C++11 与很多同学交流的时候发现,一想到用C++写多线程,还是想到pthread这样的库的方法实现. 但是,十几年前的研究就证明了,线程安全是无法用库的形式来提供的,有兴趣的同学可以参见原文:http://www.hpl.hp.com/techreports/2004/HPL-2004-209.pdf 解释需要大量的篇幅,作为快餐式的教程,我们只讲结论. 十几年过去了,CPU的乱序执行,