当前位置:文档之家› HTML基本语法大全讲解

HTML基本语法大全讲解

HTML基本语法大全虽然已经有很多现成的HTML编辑器可以用,不必再自己编写HTML文件,但学习手工编写HTML文件的必要性的理由在于:1、现在HTML标准一直在改进中,而现成的HTML编辑器并不一定跟得上HTML的潮流。

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

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

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

HTML语句特点:1.所有HTML语句大部分都是<TAG></TAG>结构,<TAG>表示打开标记,</TAG>表示关闭标记。

但有的语句只有描述开始标记,没有描述结束,如<P>2.HTML中对文字的大小写不敏感。

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

例:<h3><center>…….</center></h3> 就是正确的嵌套方法<h3><center>…….</h3></center> 这种书写方法将导致编译错误一、HTML文档的基本结构HTML部分:每个HTML文档必须以打开HTML标记开始,以关闭HTML标记结束<HTML></HTML> 说明其间内容为HTML格式文档。

头部分:此部分包含文档的标题、文档使用的脚本、样式表定义等信息,还可以包含搜索工具和索引所要的其他信息。

头部分必须包含在<HEAD></HEAD> 标记对中1.<TITLE></TITLE> 其间包含的文字是该HTML的主题,会显示在窗口的TITLE栏位2.<META>标记,此标记可以设置网页的编码、自动刷新网页、设置网页的过期值u <meta name=”author”content=”…….”>u <meta name=”keyword”content=”…..”>u <meta http-equiv=”Expires”content=”mon, 15 sep 2003”> u <meta http-equiv=”Refresh”content=”10”, url=http://yourlink”>u <meta http-equiv=”Content-Type”content=”text/html;charset=gb2312”>一、正文部分<BODY></BODY> 其间说明HTML文件的主体内容。

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> 段落、书名的引用<V AR></V AR> 表明可变内容(如文件名)Bold(黑)字体:<B></B> 黑体字<STRONT></STRONG> 加强字,Fixed width font(紧凑)字体:<TT></TT> 紧凑字(打印机字体)<CODE></CODE> 紧凑字<SAMP></SAMP> 样本字<KBD></KBD> 显示键盘上键名其它字体修饰:<U></U> 下划线<BLINK></BLINK> 闪烁字特殊字符:(CERN中列表)< < < > > > & & & " "" öñ±è《@ @ © (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> 说明一个输入表格。

相关主题