HTML基本语法大全讲解
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.
2.标记,此标记可以设置网页的编码、自动刷新网页、设置网页的过期值
u
u
u u
u
一、正文部分
其间说明HTML文件的主体内容。BACKGROUND=“图形名”背景图形文件TEXT=#RRGGBB 文字颜色(一般为黑#000000)
LINK=#RRGGBB 链接标志文字颜色
VLINK=#RRGGBB 具有超连接部分显示的颜色,点过之后为ALINK 的颜色
ALINK=#RRGGBB 已经链接标志文字颜色
ONLOAD=“扩展函数调用串”与 描述一扩展语言。其中:LANGUAGE=“javascript”描述以下为Java语言
二、字体
ALIGN=缺省对左(LEFT)
=CENTER 对中
=RIGHT 对右
字体大小设置(NETSCAPE ONLY)其中:SIZE=-4 ~ +4 将字体设置为BASEFONT的相对大小
COLOR=#RRGGBB 字体颜色(R、G、B三色)
三、字型变化
Italic(斜)字体: 斜体字 着重字 段落、书名的引用
Bold(黑)字体: 黑体字
Fixed width font(紧凑)字体: 紧凑字(打印机字体)
紧凑字
样本字
显示键盘上键名其它字体修饰: 下划线 闪烁字
特殊字符:(CERN中列表)< < < > > > & & & " "
" ??±è《@ @ ? (c) (NETSCAPE ONLY)?; (NETSCAPE ONLY)非中断空格
四、段落
单独表示段落结束。
表示其间文字是同一个段落,段落显示分成若干行,在何处分行由浏览器的窗口宽度决定,可适应任何宽度的窗口。
其中:ALIGN=缺省对左(LEFT)=CENTER 对中=RIGHT 对右
在页面上加一个回车。
显示一条水平分界线。其中:(以下NETSCAPE ONLY)
SIZE=n 高度点数
WIDTH=n 宽度点数=n% 宽?**计聊话俜直?
ALIGN=缺省对中=LEFT 对左=RIGHT 对右
键入情形显示出来,常用于程序的表达。其它标注也允许存在
中。 区块引用设定。其中的文字内容会比其他文字缩进一些。 地址区域。通常放在最后,包含一个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/filename”链接到指定主机的指定页面
scheme是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”由中指定的地图名
区域选择。在
角坐标(x1,y1,x2,y2),=POLYGON多边形,要提供多边形各顶点坐标(x1,y1,...,xn,yn)
COORDS=x1,y1,...,xn,yn 坐标值(10进制)
HREF=链接对象(参照)图像示例
七、列表
以下各种排列可以综合嵌套排列,成为有层次的排列。
显示“●”或“□”或“■”等,具体显示什么由具体的浏览器决定。
- 中显示陈述的主题。
- 内容缩入一些位置。在
- 和
- 中,可包
含其它链接内容。
显示清单,每行最多20个字符。在其中的每一行文字前加上 - 。 显示菜单。在其中的每一行文字前加上
- 。八、输入框(输入表格) 说明一个输入表格。这是从浏览器向服务器发回反馈信息或交互运行的重
要方式。
其中:METHOD=GET 从服务器获取信息
=POST 发送表格信息到服务器
ACTION=“CGI-program”CGI-program是服务器上一个可执行程序,其接口标准为CGI (C
ommon Gateway Interface),它将处理浏览器发送回来的填表信息。
表格中可以使用多种元件,如输入框、列表、按钮等。
输入框或按钮选择。在
- 中显示叙述的内容,会比