HTML基本语法大全

HTML基本语法大全
HTML基本语法大全

00000000000000000007

HTML基本语法大全

发表日期:浏览人数:662发表者:肖明

HTML基本语法大全

虽然已经有很多现成的HTML编辑器可以用,不必再自己编写HTML文件,但学习手工编写HTML文件的必要性的理由在于:

1、现在HTML标准一直在改进中,而现成的HTML编辑器并不一定跟得上HTML的潮流。

2、可以看到,用HTML编辑器编出来的HTML文件结构相当乱,这是因为在编辑过程中,编辑器并不能真正理会用户的编辑要求,结果反复修改后,就留下不少垃圾。

3、自己编写HTML文件,可以随时将HTML的新发展增加进去,而不用受编辑器的限制。

4、HTML是一种很有意思的语言,它能将你的想法在INTERNET上很好地体现出来。

HTML语句特点:

1. 所有HTML语句大部分都是结构,表示打开标记,表示关闭标记。但有的语句只有描述开始标记,没有描述结束,如

2. HTML中对文字的大小写不敏感。

3. 所有语句都可以循环嵌套,但要注意嵌套对称。

例:

…….

就是正确的嵌套方法

…….

这种书写方法将导致编译错误

一、HTML文档的基本结构

λHTML部分:每个HTML文档必须以打开HTML标记开始,以关闭HTML标记结束 说明其间内容为HTML格式文档。

λ头部分:此部分包含文档的标题、文档使用的脚本、样式表定义等信息,还可以包含搜

索工具和索引所要的其他信息。头部分必须包含在 标记对中

1. 其间包含的文字是该HTML的主题,会显示在窗口的TITLE栏位。

2. 标记,此标记可以设置网页的编码、自动刷新网页、设置网页的过期值

υ

υ

υ

υ

υ

λ正文部分

其间说明HTML文件的主体内容。

BACKGROUND=“图形名” 背景图形文件

TEXT=#RRGGBB 文字颜色(一般为黑#000000)

LINK=#RRGGBB 链接标志文字颜色

VLINK=#RRGGBB 具有超连接部分显示的颜色,点过之后为ALINK的颜色

ALINK=#RRGGBB 已经链接标志文字颜色

ONLOAD=“扩展函数调用串” 与 描述一扩展语言。其中:LANGUAGE=“javascript” 描述以下为J ava语言

二、字体

(y=1-6) 用于说明各级标题文字,y=1时字体最大,y=6时字体最小。其中:ALIGN=缺省对左(LEFT)

=CENTER 对中

=RIGHT 对右

显示标题文字(一般用于TABLE显示表格)

字体大小设置(NETSCAPE ONLY)其中:

SIZE=-4 ~ +4 将字体设置为BASEFONT的相对大小

COLOR=#RRGGBB 字体颜色(R、G、B三色)

设置基本字体(NESCAPE ONLY)其中:SIZE=1-6

三、字型变化

Italic(斜)字体:

斜体字 着重字 段落、书名的引用

表明可变内容(如文件名)

Bold(黑)字体: 黑体字 加强字,

Fixed width font(紧凑)字体:

紧凑字(打印机字体)

紧凑字

样本字

显示键盘上键名

其它字体修饰: 下划线 闪烁字

特殊字符:(CERN中列表)< < < > > > & & & " " " ö ñ ±è 《@ @ © (c) (NETSCAPE ONLY)® (NETSCAPE ONLY)  非中断空格

四、段落

单独表示段落结束。

表示其间文字是同一个段落,段落显示分成若干行,在何处分行由浏览器的窗口宽度决定,可适应任何宽度的窗口。其中:ALIGN=缺省对左(LEF T)=CENTER 对中=RIGHT 对右


在页面上加一个回车。


显示一条水平分界线。其中:(以下NETSCAPE ONLY)

SIZE=n 高度点数

WIDTH=n 宽度点数=n% 宽?**计聊话俜直?

ALIGN=缺省对中=LEFT 对左=RIGHT 对右

表示其间内容显示向中间对齐。(NETSCAPE ONLY)

 预设文字格式(Preformatted Text)其中的文字间隔、跳行、空白照原始键入情形显示出来,常用于程序的表达。其它标注也允许存在
中。

区块引用设定。其中的文字内容会比其他文字缩进一些。

地址区域。通常放在最后,包含一个EMAIL地址,告知本页面作者。显示为斜体字。

段落示例

五、链接

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

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/filenam e” 链接到指定主机的指定页面sch eme是http、ftp等host-domain为服务器名port为提供此服务的端口号,缺省为80,可省略

六、图像

显示图像。其中:

ALIGN=BOTTOM缺省文本在图像下面

=MIDDLE 在中间=TOP 在上面

SRC=“图像名” 图像文件

ALT=“text” 图像别名,若图像不显示时,显示在虚框内

WIDTH=n 宽度点数=n% 可显示面积的百分比

HEIGHT=n 高度点数=n% 可显示面积的百分比

BORDER=n 立体边框厚度点数

HSPACE=“图像名” 水平空间(NETSCAPE ONLY)

VSPACE=“图像名” 垂直空间(NETSCAPE ONLY)

ISMAP 说明本图像为地图

USEMAP=“#name” 给本图像取一个地图名

对一幅地图进行*作。其中:NAME=“name” 由中指定的地图名 区域选择。在中使用, 其中:

SHAPE=RECT矩形区域,只需提供对角坐标(x1,y1,x2,y2),

=POLYGON多边形,要提供多边形各顶点坐标(x1,y1,...,xn,yn)

COORDS=x1,y1,...,xn,yn 坐标值(10进制)

HREF=链接对象(参照

图像示例

七、列表

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

    未标序的排列(Unnumbered Lists)在其中的每一行文字前加上
  • ,起始会显示“●”或“□”或“■”等,具体显示什么由具体的浏览器决定。

      标序的排列(Numbered Lists或Ordered Lists)在其中的每一行文字前加上
    1. ,起始会显示数字编号。

    2. 每一行文字的起头。

      陈述式排列(Descriptive Lists)

      中显示陈述的主题。

      中显示叙述的内容,会比
      内容缩入一些位置。在
      中,可包含其它链接内容。

      显示清单,每行最多20个字符。在其中的每一行文字前加上
    3. 显示菜单。在其中的每一行文字前加上
    4. 八、输入框(输入表格)

      说明一个输入表格。这是从浏览器向服务器发回反馈信息或交互运行的重要方式。其中:

      METHOD=GET 从服务器获取信息

      =POST 发送表格信息到服务器

      ACTION=“CGI-program” CGI-program是服务器上一个可执行程序,其接口标准为CGI (C ommon Gateway Interface),它将处理浏览器发送回来的填表信息。表格中可以使用多种元件,如输入框、列表、按钮等。

      输入框或按钮选择。在

      中使用。其中:

      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

      说明一个可以多行输入的文本输入框。其间的文本内容为缺省的文本输入框内容。其中:

      NAME=“name” 变量名

      ROWS=n 输入框行数

      COLS=n 输入框列数

      显示一个选择列表。在其中的每一行文字前加上

      NAME=“name” 变量名

      SIZE=1 显示一个*作菜单(Option Menu)>=2 显示一个滚动列表(Scrolled List)SIZ E为列表显示出来的行数

      每一行列表的起头。在 定义表单生成的关键 定义被标记的文本 定义预定义范围内的测量