发新话题
打印

【分享】HTML 语法

【分享】HTML 语法

有人说现在已经有很多现成的HTML编辑器可以用,不必再自己编写HTML文件,本人不以为然。理由有四:

  1、现在HTML标准一直在改进中,而现成的HTML编辑器并不一定跟得上HTML的潮流。
  2、可以看到,用HTML编辑器编出来的HTML文件结构相当乱,这是因为在编辑过程中,编辑器并不能真正理会用户的编辑要求,结果反复修改后,就留下不少垃圾。
  3、自己编写HTML文件,可以随时将HTML的新发展增加进去,而不用受编辑器的限制。
  4、HTML是一种很有意思的语言,它能将你的想法在INTERNET上很好地体现出来。
HTML语句特点:


所有HTML语句都是<abc></abc>结构,<abc>表示描述开始,</abc>表示描述结束。
文字abc的大小写不敏感。
有的语句只有描述开始<abc>,没有描述结束</abc>,如<P>,这没关系,当遇到下一个相同的<abc>时,重新开始。
所有语句都可以循环嵌套,但要注意嵌套对称。
              一、结   构

<HTML></HTML> 说明其间内容为HTML格式内容。
<HEAD></HEAD> 其间说明题头内容、文字。
<TITLE></TITLE> 其间包含的文字是该HTML的主题,会显示在窗口的TITLE栏位。
<BODY></BODY> 其间说明HTML文件的主体内容。 其中:(主要指描述开始<abc>中的参数调整,下同)(以下NETSCAPE ONLY)
BACKGROUND=“图形名” 背景图形文件
TEXT=#RRGGBB 文字颜色(一般为黑 #000000)
LINK=#RRGGBB 链接标志文字颜色
VLINK=#RRGGBB 具有超连接部分显示的颜色,点过之后为ALINK的颜色
ALINK=#RRGGBB 已经链接标志文字颜色
ONLOAD=“扩展函数调用串” 与<SCRIPT>一同使用
<- text -> text 是描述性文字,注释。
<SCRIPT></SCRIPT> 描述一扩展语言。 其中: LANGUAGE=“JavaScript” 描述以下为Java语言
结构示例

              二、 字  体

<Hy></Hy> (y=1-6) 用于说明各级标题文字,y=1时字体最大,y=6时字体最小。其中:
ALIGN=缺省 对左(LEFT)
   =CENTER 对中
   =RIGHT 对右
<CAPTION></CAPTION> 显示标题文字(一般用于TABLE显示表格)
<FONT></FONT> 字体大小设置(NETSCAPE ONLY) 其中:
SIZE=-4 ~ +4 将字体设置为BASEFONT的相对大小
COLOR=#RRGGBB 字体颜色(R、G、B三色)
<BASEFONT></BASEFONT> 设置基本字体(NESCAPE ONLY) 其中: SIZE=1-6
              三、字型变化

Italic(斜)字体:
<I></I> 斜体字  <EM></EM> 着重字 <CITE></CITE> 段落、书名的引用 
<VAR></VAR> 表明可变内容(如文件名)
Bold(黑)字体: <B></B> 黑体字 <STRONT></STRONG> 加强字,
Fixed width font(紧凑)字体:
<TT></TT> 紧凑字(打印机字体) 
<CODE></CODE> 紧凑字
<SAMP></SAMP> 样本字
<KBD></KBD> 显示键盘上键名
其它字体修饰: <U></U> 下划线 <BLINK></BLINK> 闪烁字
特殊字符:(CERN中列表) &lt; < &#60; &gt; > &#62; & & &#38; " " &#34; ö ñ ± è 《 @ &#64; © (c) (NETSCAPE ONLY) ® (NETSCAPE ONLY)   非中断空格
字体字形变化示例

              四、 段  落

<P> 单独表示段落结束。 <P></P> 表示其间文字是同一个段落,段落显示分成若干行,在何处分行由浏览器的窗口宽度决定,可适应任何宽度的窗口。 其中: ALIGN=缺省 对左(LEFT) =CENTER 对中 =RIGHT 对右
<BR> 在页面上加一个回车。
<HR> 显示一条水平分界线。 其中:(以下NETSCAPE ONLY)
SIZE=n 高度点数  
WIDTH=n 宽度点数 =n% 宽度占屏幕百分比
ALIGN=缺省 对中 =LEFT 对左 =RIGHT 对右
<CENTER></CENTER> 表示其间内容显示向中间对齐。(NETSCAPE ONLY)
<PRE></PRE> 预设文字格式(Preformatted Text) 其中的文字间隔、跳行、空白照原始键入情形显示出来,常用于程序的表达。其它标注也允许存在<PRE>中。
<BLOCKQUOTE></BLOCKQUOTE> 区块引用设定。其中的文字内容会比其他文字缩进一些。
<ADDRESS></ADDRESS> 地址区域。通常放在最后,包含一个EMAIL地址,告知本页面作者。显示为斜体字。
段落示例

              五、 链  接

   <A></A> 链接标记。其间文本(图像)将显示出来,并用链接颜色和下划线区别出来。 其中:

NAME=“position” 表示页面中position处 HREF=“#position” 表示链接到本页面position处
NAME=“filename#position” 链接到filename文件的position处 =“filename.html” 链接到指定的filename页面
NAME=“filename.gif” 显示指定的图形 图形格式为GIF、TIEF、JPEG、RGB、HDF等格式
NAME=“scheme://host-domain[:port]/path/filename” 链接到指定主机的指定页面 scheme是http、ftp等 host-domain为服务器名 port为提供此服务的端口号,缺省为80,可省略
              六、 图  像

<IMG></IMG> 显示图像。 其中:
ALIGN=BOTTOM缺省 文本在图像下面                         =MIDDLE 在中间                      =TOP 在上面
SRC=“图像名” 图像文件
ALT=“text” 图像别名,若图像不显示时,显示在虚框内
WIDTH=n 宽度点数 =n% 宽度占屏幕百分比
HEIGHT=n 高度点数 =n% 高度占屏幕百分比
BORDER=n 立体边框厚度点数
HSPACE=“图像名” 水平空间(NETSCAPE ONLY)
VSPACE=“图像名” 垂直空间(NETSCAPE ONLY)
ISMAP 说明本图像为地图
USEMAP=“#name” 给本图像取一个地图名
<MAP></MAP> 对一幅地图进行操作。 其中: NAME=“name” 由<IMG>中指定的地图名
<AREA></AREA> 区域选择。在<MAP>中使用, 其中:
SHAPE=RECT矩形区域,只需提供对角坐标(x1,y1,x2,y2),
   =POLYGON多边形,要提供多边形各顶点坐标(x1,y1,...,xn,yn)
COORDS=x1,y1,...,xn,yn 坐标值(10进制)
HREF=链接对象(参照<A>)
图像示例

              七、 排  列

 以下各种排列可以综合嵌套排列,成为有层次的排列。

<UL></UL> 未标序的排列(Unnumbered Lists) 在其中的每一行文字前加上<LI>,起始会显示“●”或“□”或“■”等,具体显示什么由具体的浏览器决定。
<OL></OL> 标序的排列(Numbered Lists或Ordered Lists) 在其中的每一行文字前加上<LI>,起始会显示数字编号。
<LI></LI> 每一行文字的起头。
<DL></DL> 陈述式排列(Descriptive Lists)
<DT></DT> <DL>中显示陈述的主题。
<DD></DD> <DL>中显示叙述的内容,会比<DT>内容缩入一些位置。在<DT>和<DD>中,可包含其它链接内容。
<DIR></DIR> 显示清单,每行最多20个字符。在其中的每一行文字前加上<LI>。
<MENU></MENU> 显示菜单。在其中的每一行文字前加上<LI>。
            八、输入框(输入表格)

<FORM></FORM> 说明一个输入表格。这是从浏览器向服务器发回反馈信息或交互运行的重要方式。其中:
METHOD=GET 从服务器获取信息
    =POST 发送表格信息到服务器
ACTION=“CGI-program” CGI-program是服务器上一个可执行程序,其接口标准为CGI (Common Gateway Interface),它将处理浏览器发送回来的 填表信息。 表格中可以使用多种元件,如输入框、列表、按钮等。
<INPUT></INPUT> 输入框或按钮选择。在<FORM>中使用。其中:
SIZE=n 输入框或按钮大小
NAME=“name” 便于CGI-program识别的变量名
TYPE=“type” 类型(见下)
   =TEXT 文本输入框,只有一行
   =PASSWORD 口令输入框,输入的信息不显示出来
   =CHECKBOX 确任盒([ ]或[X])
   =RADIO 圆按钮,几个同名的RADIO只能按下一个
   =SUBMIT 发送按钮,按动后发出已填好的表格
   =RESET 重置按钮,按动后将所有元件重置为缺省值
   =IMAGE
   =HIDDEN
VALUE=“value” 缺省值(见下)
   =字符串 对于TEXT和PASSWORD
   =ON/OFF 对于CHECKBOX和RADIO
   =显示字符串 对于SUBMIT和RESET
<TEXTAREA></TEXTAREA> 说明一个可以多行输入的文本输入框。其间的文本内容为缺省的文本输入框内容。 其中:
NAME=“name” 变量名
ROWS=n 输入框行数
COLS=n 输入框列数
<SELECT></SELECT> 显示一个选择列表。 在其中的每一行文字前加上<OPTION>。其中:
NAME=“name” 变量名
SIZE=1 显示一个操作菜单(Option Menu) >=2 显示一个滚动列表(Scrolled List) SIZE为列表显示出来的行数
<OPTION></OPTION> 每一行列表的起头。在<SELECT>中使用。
             九、显示表格

<TABLE></TABLE> 显示二维表格。 其中:
BORDER=n 二维表格的立体边框厚度点数
WIDTH=n 宽度点数 =n% 宽度占屏幕百分比
CELLPADING=n 是指TABLE中框架与元素的边界的距离
CELLSPACING=n 表格中每项之间的空间点数,包括横向和纵向。
<TR></TR> 在表格的每一行开头加上<TR>(Text Row)。其中:
ALIGN=CENTER 对中
   =LEFT 对左
   =RIGHT 对右
<TH></TH> 在表格的每一种类项目开头加上<TH>(Text Head),显示为黑体字。
<TD></TD> 在表格的每一个项目开头加上<TD>(Text Data)。其中:
WIDTH=n 宽度点数
   =n% 宽度占屏幕百分比
HALIGN =CENTER 对中
    =LEFT 对左
    =RIGHT 对右
VALIGN =TOP 在上面
    =MIDDLE 在中间
    =BOTTOM 在下面
显示表格示例
※我.不髙.不矮.不酷.不帥.不乖.有点壞

※我.無銭.無涙.無忧.無虑.無愛.有点呆

※你.又小.又靓.又美.又娇.又乖.惹人愛

※你.有我.有涙.有情.有义.有愛.我等待

TOP

【分享】HTML语言参考(2)

〈IMG〉在文档中插入图像.
属性                        说明
ISMAP               该图像是一个可点击的图像映射.
SRC                 图形的URL地址
ALT                 在不支持图形的显示器中显示该字符串.
ALIGN               图形的对齐方式.LEFT和RIGHT(HTML3.2,Netscape)使图像向左或向右对齐,随后的文本沿图像排列.TOP,MIDDLE,BOTTEM等其它取值以及仅用于Netscape的取值(TEXTTOP,ABSMIDDLE,BASELINE,ABSBOTTOM)确定图像与同一行中的文本的水平对齐方式.
VSPACE              图像与其上下文本的距离.
HSPACE              图像与其左右文本的距离.
WIDTH               图像的宽度,以点为单位.如果WIDTH不是图像的实际宽度,图像会进行伸缩.
HEIGHT              图像的高度,以点为单位.如果WIDTH不是图像的实际高度,图像会进行伸缩.
BORDER              在图像周围以点为单位画边框.如果图像是一个链接,可改变默认的边框高度.LOWSCR图像路径或URL,它会在SRC指定的图像之前加载,一般是一个低分辨率的小图.
可以包含在:〈A〉〈ADDRESS〉〈B〉〈CITE〉〈CODE〉〈DD〉〈DT〉〈EM〉〈H1〉〈H2〉〈H3〉〈H4〉〈H5〉〈H6〉〈I〉〈KBD〉〈LI〉〈P〉〈SAMP〉〈STRONG〉〈TT〉〈VAR〉


表单
〈FORM〉...〈/FORM〉表单

属性                      说明
ACTION           处理表单输入的脚本的URL.
METHOD           将表单送入服务器的方式.可以取值为GET和POST.
ENCTYP           只能取值为application/x-www-form-unlencoded.

可以包含:〈H1〉〈H2〉〈H3〉〈H4〉〈H5〉〈H6〉〈P〉〈OL〉〈UL〉〈DIR〉〈MENU〉〈DL〉〈PRE〉〈BLOCKQUOTE〉〈ISINDEX〉〈TABLE〉〈HR〉〈ADDRESS〉〈INPUT〉〈SELECT〉〈TEXTAREA〉

可以包含在:〈BLOCKQUOTE〉〈BODY〉〈DD〉〈DL〉〈TH〉〈TD〉


〈INPUT〉表单输入工具.

属性                              说明
TYPE                 输入工具的类型.可以取值CHECKBOX,HIDDEN,RADIO,RESET,SUBMIT,TEXT,IMAGE.
NAME                 该项的名称,作为名称/取值对的一部分发送到服务器.
VALUE                对于text和hidden是默认值;对于checkbox和radiobutton是随表单一起发送的值;对于Reset和Submit按钮是标签.
SRC                  图像的源文件.
CHECKED              用于checkbox和radiobutton,表示以被选中.
SIZE                 文本域的宽度,以字符数为单位.
MAXLENGTH            文本域的最大可输入字符数.
ALIGN                确定表单中图像与文本的对齐方式(与〈IMG〉标签相同).

可以包含在:〈FORM〉


〈TEXTAREA〉...〈/TEXTAREA〉多行文本输入域.

属性                            说明
NAME                  作为名称/取值对的一部分发送到服务器.
ROWS                  该文本域的显示行数.
COLS                  该文本域(字符)的显示宽度.

可以包含在:〈FORM〉



〈SELECT〉...〈/SELECT〉建立可选项的菜单或可滚动列表.

属性            说明
NAME         作为名称/取值对的一部分发送到服务器.
SIZE         显示的行数.如果有该属性,则显示为可滚动列表;如果没有该属性,则显示为弹出式菜单.
MULTIPLE     允许从列表中选择多项.

可以包含:〈OPTION〉

可以包含在:〈FORM〉

 

〈OPTION〉表示在〈SELECT〉域中的一个可能的选项.

属性                       说明
SELECTED          如果有该属性,则〈OPTION〉作为列表中的默认选项.
VALUE             选择(OPTION)时发送的服务器的值.

可以包含在:〈SELECT〉


〈FRAMESET〉...〈/FRAMESET〉框架文档的容器.

属性                            说明
COLS="栏宽列表"       框架栏目的宽度,用点数,百分比,或相对比例表示.
ROWS="行高列表"       框架行的宽度,用点数,百分比,或相对比例表示.


〈FRAME〉...〈/FRAME〉框架的定义

属性                               说明
MARGINHEIGHT="value"        框架的高度,以点为单位.
MARGINWIDTH="value"         框架的宽度,以点为单位.
NAME="window_name"          框架名,可从其它文档中进行链接(可选).
NORESIZE                    不能改变框架大小.
SCROLLING="yes|no|auto"      确定框架是否具有滚动条.
SRC                          在框架中显示的文档的URL.

〈NOFRAMES〉...〈/NOFRAMES〉
 
用于不支持框架的浏览器的显示内容.支持框架的浏览器将忽略这之间的内容.
※我.不髙.不矮.不酷.不帥.不乖.有点壞

※我.無銭.無涙.無忧.無虑.無愛.有点呆

※你.又小.又靓.又美.又娇.又乖.惹人愛

※你.有我.有涙.有情.有义.有愛.我等待

TOP

在快车里看过

TOP

发新话题