html学生教程.docVIP

教程一 HTML语言简介 一．基础知识 1.HTML的含义:超文本标识语言。 注：①HTML是WWW的标准语言，它只能生成静态网页。 ②HTML文件由客户端解释程序浏览器边解释边执行。如IE、Netscape Navigater 2. 脚本语言：脚本语言介于HTML和C,C++,Java,C#等编程语言之间。JAVASCRIPT, vbscript ,ASP,PHP,PERL, CGI、JSP等。脚本语言可以实现丰富的动态网页效果。 3．HTML的编辑器 (1)HTML不需要专门的编辑器，可以用任何一种文本编辑器（如：记事本）来创建和编写由HTML源代码组成的超文本文件。 (2)HTML文件的编辑方法 ①在frontpage的网页视图的HTML模式下直接输入源代码。 ②用记事本编辑的步骤 Ⅰ打开记事本程序； Ⅱ单击“文件/新建”命令； Ⅲ 输入HTML源代码； Ⅳ单击“文件/另存为”命令，输入主文件名及扩展名htm或html。 (3)运行HTML文件的方法 法①直接双击一个扩展名为htm或html的文件； 法②运行IE程序，单击“文件/打开”命令，找到建立的HTML文件打开之。 二．HTML语言的基本结构 1．HTML标记 用HTML语言编写的超文本文件（网页文件）由一系列的HTML标记组成。 注：HTML语言标记放在一对尖括号“ ”中。 2．HTML标记的基本格式 标记 属性名1=值1 属性名2=值2 ．．．．．． 正文 /标记 注：大部分HTML标记均配对出现，有少数标记没有结束标记——“/标记”。 3．HTML语言的基本结构 html head title网页标题/title /head body 网页正文部分代码 /body /html 注： ①html表示html文件的开始，/html表示HTML文件的结束； ②head是网页头部的标记，head和/head之间内容通常是HTML文件的标题信息。 ③body网页正文部分代码/body表示网页正文部分的开始和结束。 4．注意事项 ①HTML标记不区分大小写； ②并非所有标记均配对出现，如BR表示换行，就没有结束标记； ③一对标记即可写在一行，也可写在多行，效果等价。 title我的第一个网页/title title 我的第一个网页 /title 教程二、基本标志 1.html/html2.head/head3.body/body4.title/title ??? Html是英文 HyperText Markup Language (文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。您可以使用 FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件，既简单又方便，它通常使用/标志名(例如html/html)，因此在Html文档中这样的标志对都Html的基本标志：1.html/html html标志用于Html文档的最前边，用来标识Html文档的开始。而/htmlHtml文档的最后边，用来标识Html文档的结束，两个标志必须一块使用。2.head/head head和/head构成Html文档的开头部分，在此标志对之间可以使用title/titlescript/script等等标志对，这些标志对都是描述Html文档相关信息的标志对，head/head3.body/body??? body/body是Html文档的主体部分，在此标志对之间可包含p/p、h1、/h1、br、hr等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。body标志中还可以有以下属性： 属性 用途 示例 body bgcolor=#rrggbb 设置背景颜色。 body bgcolor=red红色背景 body text=#rrggbb 设置文本颜色。 body text=#0000ff蓝色文本 body link=#rrggbb 设置链接颜色。 body link=blue链接为蓝色 body vlink=#rrggbb 设置已使用的链接的颜色。 body vlink=#ff0000 body alink=#rrggbb 设置正在被击中的链接的颜色。 body alink=yellow ??? 说明:以上各个属性可以结合使用，如body bgcolor=red text=#0000ff。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色，如#ff0000对应的是红色。此外，还可以使用Html语言所给定的常量名来表示颜色：Black、White、Green、Maroon、Olive、Navy、Pur