超文标记语言简明导引

2016-01-29 12:19 7 1 收藏

超文标记语言简明导引,超文标记语言简明导引

【 tulaoshi.com - Html 】

总类(所有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="http://img.jcwcn.com/attachment/portal"
图形看齐方式 <IMG src="http://img.jcwcn.com/attachment/portal" ALIGN=TOP|BOTTOM|MIDDLE
N1.0 图形看齐方式 <IMG src="http://img.jcwcn.com/attachment/portal"
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM
取代文字 <IMG src="http://img.jcwcn.com/attachment/portal" ALT="***" (如果没有办法显示图形则显示此文字)
点选图 <IMG src="http://img.jcwcn.com/attachment/portal" ISMAP (需要CGI程式)
N2.0 点选图 <IMG src="http://img.jcwcn.com/attachment/portal" USEMAP="URL"
N2.0 地图 <MAP NAME="***"</MAP(描述地图)
N2.0 段落 <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF
3.0 大小 <IMG src="http://img.jcwcn.com/attachment/portal" WIDTH="?" HEIGHT="?"(以pixels为单位)
N1.0 图形边缘 <IMG src="http://img.jcwcn.com/attachment/portal" BORDER=? (以pixels为单位)
N1.0 图形边缘空间 <IMG src="http://img.jcwcn.com/attachment/portal" HSPACE=? VSPACE=? (以pixels为单位)
N1.0 低解析度图形 <IMG src="http://img.jcwcn.com/attachment/portal" LOWsrc="http://img.jcwcn.com/attachment/portal"
N1.1 用户端拉 <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"(使用端自动更新 )
N2.0 内嵌物件 <EMBED src="http://img.jcwcn.com/attachment/portal" (将物件插入页面)
N2.0 内嵌物件大小 <EMBED src="http://img.jcwcn.com/attachment/portal" 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=? (以pixel

来源:http://www.tulaoshi.com/n/20160129/1485616.html

延伸阅读
标签: Web开发
点击这里返回脚本之家 HTML教程 栏目. 上文: 标记语言锚点 原文出处Chapter 8 再谈清单 先前在第一章,我们讨论过几种标记清单的做法,研究以ul和li将它们标记成无序清单的好处.这个方法能标识清单的结构,确保所有浏览器与设备都能正确显示它的内容,同时也让我们能以CSS为它加上各种样式. 而在各种环境下,处理个别问题时标记清单的所有做法写...
标签: Web开发
点击这里返回脚本之家 HTML教程 栏目.想浏览CSS教程请点这里。 上文: 标记语言精简标签 。Chapter 10 应用CSS 在第一部分主要的焦点放在标记语法的例子上,也探讨了如何在标签上应用CSS进行设计,指定样式细节.在第二章,我们将讨论几种把CSS应用到一份文档,网站,甚至是单一标签上的做法.除此之外也会讨论怎么对早先版本浏览器隐藏CSS内容,让...
  <HTML ; <HEAD ; <TITLE ; <BODY 欲明白本篇【HTML剖析】之标记分类请看 【标记一览】。 亦请先明白围堵标记与空标记的分别请看 【HTML概念】。 ■ HTML 基本架构: 以下 HTML Source Code 便是一份 HTML 文件的基本架构 : <HTML <HEAD <TITLE 网页的标题 </TITLE </HEAD <BODY 网...
  <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 ■实体标记与逻辑标记 : ▲Top这一节【字体标记】你必须先明白与的分别,否则你会迷惑于为何不同 ...
  <FORM <INPUT INPUT 的种类: Text, Radio,Checkbox, Password, Submit/Reset, Image, File, Hidden, Button。 <SELECT <OPTION <TEXTAREA ■ 引子 表单的用处很多,于网上无处不见,当然是配合 CGI 使用为佳,所以馈下有意使用或学 习 CGI 的话,表单设计见必需的,这一节介绍的标记不多,但其参数变化很多。一份表...

经验教程

522

收藏

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