当前位置：文档之家› 初学HTML语言教学设计

初学HTML语言教学设计

初学HTML语言教学设计
初学HTML语言教学设计

教学过程

《HTML基础试题》

《HTML基础试题》 一、单项选择题: 1、下面哪一个属性不就是文本的标签属性？( ) A.  B.size C.color D.face 2、当链接指向下列哪一种文件时,不打开该文件,而就是提供给浏览器下载。( ) A.ASP B.HTML C.ZIP D.CGI 3、关于文本水平对齐,源代码设置不正确的一项就是:( ) A.居中对齐:

…
B.居右对齐:
…
C.居左对齐:
…
D.两端对齐:
…
4、下面哪一项就是换行符标签？( ) A. B. C.
D. 5、下列哪一项就是在新窗口中打开网页文档。( ) A._self B._blank C._top D._parent 6、下面对JPEG格式描述不正确的一项就是。( ) A.照片、油画与一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B.JPEG支持很高的压缩率,因此其图像的下载速度非常快 C.最高只能以256色显示的用户可能无法观瞧JPEG图像 D.采用JPEG格式对图片进行压缩后,还能再打开图片,然后对它重新整饰、编辑、压缩 7、常用的网页图像格式有____与_____( ) A、gif,tiff B.tiff,jpg C.gif,jpg D.bmp,png 8、下面说法错误的就是( ) A、CSS样式表可以将格式与结构分离 B.CSS样式表可以控制页面的布局 C、CSS样式表可以使许多网页同时更新 D.CSS样式表不能制作体积更小下载更快的网页 9、CSS样式表不可能实现( )功能。 A将格式与结构分离 B.一个CSS文件控制多个网页 C、控制图片的精确位置 D.兼容所有的浏览器 10、在HTML中,( )不就是链接的目标属性。 A、self B.new C.blank D.top 11、在网页设计中,( )就是所有页面中的重中之重,就是一个网站的灵魂所在。 A.标题栏 B.脚本页面 C、导航栏 D.页面内容 12、为了标识一个HTML文件应该使用的HTML标记就是( )。 A. B. C. D.
13、在客户端网页脚本语言中最为通用的就是( ) A、JavaScript B、VB C.Perl D、ASP 14、在HTML中,标记的属性:“Size”所能取的最大取值就是( ) A、6 B.7 C.8 D.9 15、下面不属于CSS插入形式的就是( ) A、索引式 B.内联式 C.嵌入式 D.外部式 16、如果站点服务器支持安全套接层(SSL),那么连接到安全站点上的所有URL开头就是( ) A.http:// B.https:// C.shttp:// D.SSL://

HTML语言与网页设计期末考试题

第1题判断正误 （1）HTML标记符的属性一般不区分大小写。（对） （2）网站就是一个链接的页面集合。（对） （3）将网页上传到Internet时通常采用FTP方式。（对） （4）所有的HTML标记符都包括开始标记符和结束标记符。（错） （5）用H1标记符修饰的文字通常比用H6标记符修饰的要小（错）。 （6）B标记符表示用粗体显示所包括的文字。（对） （7）GIF格式的图象最多可以显示256种颜色。（对） （8）HTML表格在默认情况下有边框。（错） （9）创建图象映射时，理论上可以指定任何形状作为热点。（对） （10）指定滚动字幕时，不允许其中嵌入图象。（错） 1.使用FONT 标记符的size 属性可以指定字体的大小。( T ) 2.网站就是一个链接的页面集合。( T ) 3.GIF格式的图象最多可以显示1024种颜色。( F ) 4.制作图像映射只需要使用 标记符。( F ) 5.在HTML表格中，表格的列数等于第一行中TH与TD的colspan属性的和。 ( F ) 6.在HTML表格中，在TR、TD或TH标记符中使用align 属性可以控制单元格内容的垂直对齐。( T ) 7.指定滚动字幕时，不允许其中嵌入图象。( F ) 8.框架是一种能在同一个浏览器窗口中显示多个网页的技术。( T ) 9. CSS中的color属性用于设置HTML元素的背景颜色。( F ) 10.CSS样式表项的组成格式为：selector{property1:value1, property2:value2, ……} ( F ) 第2题单选题（20分） （1）WWW是的意思。答案：B A．网页B．万维网C．浏览器D．超文本传输协议 （2）在网页中显示特殊字符，如果要输入“<”，应使用_________。答案：D A．lt; B．≪ C．< D．< （3）以下有关列表的说法中，错误的是：。答案：D A．有序列表和无序列表可以互相嵌套。 B．指定嵌套列表时，也可以具体指定项目符号或编号样式。 C．无序列表应使用UL 和LI 标记符进行创建。 D．在创建列表时，LI 标记符的结束标记符不可省略。 （4）以下关于FONT标记符的说法中，错误的是：答案：D A．可以使用color 属性指定文字颜色。 B．可以使用size 属性指定文字大小（也就是字号）。 C．指定字号时可以使用1~7 的数字。 D．语句这里是2号字 将使文字以2号字显示。 （5）以下关于JPEG图像格式中，错误的是：答案：B A．适合表现真彩色的照片。 B．最多可以指定1024种颜色。 C．不能设置透明度。

HTML语言入门教程

语言入门教程(一) ?什么是HTML语言 HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言，由W3C(World Wide Web Consortium)所制定和更新。我们可以用任何一种文本编译起来编辑HTML文件，因为它就是一总纯文本文件。 ?HTML语言的基本结构 下面我们来看一小段HTML语言的代码，来了解HTML语言的基本结构： HTML语言的基本结构 HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言。 将这一小段代码粘贴至文本文件中，然后选择“另存为”，将文件的后缀名改为.htm或者.html即可，然后再所在的目录下就可看到一个IE的图标，名字就是你所存的文件名称。 …… …… 这是声明HTML文件的语法格式。每一个HTML文件，都必须以开头，以结束…… …… 这是文件头声明的语法格式。在这之内的所有文字都属于文件的文件头，并不属于文件本体。

…… …… 这是声明文件标题的语法格式。在这之中写下的所有内容，都将写在网页最上面的标题栏中。 …… …… 这是声明文件主体的语法格式。在者之间写下的内容都是文件的主体，也就是说将会被显示在客户区之中。 注意：几乎每一种HTML语言的语法都是以<>开头，以结束。在编辑HTML语言过程中，也可以使用注释。语法格式为：。就好像C语言中的/* …… …… */ 一样，中间的内容只是解释说明，并不被编译器所编译。 HTML语言的基本单位 1. 长度单位 长度单位可以用来定义水平线、表格边匡、图像等对象的长、宽、高等一系列属性，同时也可以用来定义这些对象在页面上的位置等属性，用来描述页面上可能遇到的各种长度。 长度的表示方法有两种：绝对长度和相对长度。他们的单位都是像素(pixel)和百分比(%)，像素代表的是屏幕上的每个点，而百分比代表的是相对于客户区的多少。下面我们就以水平线的宽度为例，说明这两种表示方法。 HTML语言的长度表示 HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言。

在文本编译器中编译，改变网页的大小，就会看到这两者表示长度方法的不同。

html入门教程适合初学者

希望可以帮到大家 一、HTML基本概念 什么是HTML文件？ ?HTML的英文全称是Hypertext Marked Language，中文叫做“超文本标记语言”。?和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。 ?一个HTML文件的后缀名是.htm或者是.html。 ?用文本编辑器就可以编写HTML文件。 这就试写一个HTML文件吧！ 打开你的Notepad，新建一个文件，然后拷贝以下代码到这个新文件，然后将这个文件存成first.html。 Title of page This is my first homepage. This text is bold

要浏览这个first.html文件，双击它。或者打开浏览器，在File菜单选择Open，然后选择这个文件就行了。 示例解释 这个文件的第一个Tag是，这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是，表示HTML文件到此结束。 在和之间的内容，是Head信息。Head信息是不显示出来的，你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词，有助于搜索引擎能够搜索到你的网页。 在和之间的内容，是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。 在和之间的信息，是正文。 在和之间的文字，用粗体表示。顾名思义，就是bold的意思。 HTML文件看上去和一般文本类似，但是它比一般文本多了Tag，比如，等，通过这些Tag，可以告诉浏览器如何显示这个文件。 HTML元素(HTML Elements) ?HTML元素(HTML Element)用来标记文本，表示文本的内容。比如body, p, title 就是HTML元素。 ?HTML元素用Tag表示，Tag以<开始，以>结束。 ?Tag通常是成对出现的，比如。起始的叫做Opening Tag，结尾的就叫做Closing Tag。 ?目前HTML的Tag不区分大小写的。比如，和其实是相同的。HTML元素(HTML Elements)的属性

HTML网页制作基础题试题与答案

HTML网页制作基础题 一、选择 1. 在一个框架的属性面板中，不能设置下面哪一项。（ D ）A．源文件B ．边框颜色C．边框宽度D．滚动条 2. 下列哪一项表示的不是按钮。（ C ） A．type="submit" B．type="reset" C．type="image" D ．type="button" 3. 下面哪一个属性不是文本的标签属性？（ A ） A．nbsp; B ．align C ．color D．face 4. 下面哪一项的电子邮件链接是正确的？（ B ） A．https://www.doczj.com/doc/a99708077.html, B ．xxx@.net C．xxx@com D ．xxx@https://www.doczj.com/doc/a99708077.html, 5. 当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载。（ C ）A．ASP B．HTML C．ZIP D．CGI 6. 关于表格的描述正确的一项是。（ D ）A．在单元格内不能继续插入整个表格 B ．可以同时选定不相邻的单元格C．粘贴表格时，不粘贴表格的内容 D ．在网页中，水平方向可以并排多个独立的表格 7. 如果一个表格包括有 1 行4 列，表格的总宽度为“ 699”，间距为“ 5”，填充为“ 0”，边框为“ 3”，每列的宽度相同，那么应将单元格定制为多少像素宽。（ D ） A．126 B．136 C．147 D．167 8. 关于文本对齐，源代码设置不正确的一项是：（A．居中对齐：

?
B．居右对齐：
?
C．居左对齐：
?
D．两端对齐：
?
9. 下面哪一项是换行符标签？（C） A． B ． C ．
D． 10. 下列哪一项是在新窗口中打开网页文档。（B ）A．_self B ．_blank C．_top D．_parent 11. 下面对JPEG格式描述不正确的一项是。（ C ） A．照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B．JPEG支持很高的压缩率，因此其图像的下载速度非常快C．最高只能以256 色显示的用户可能无法观看JPEG图像 D．采用JPEG格式对图片进行压缩后，还能再打开图片，然后对它重新整饰、编辑、压缩

HTML语言入门教程

语言入门教程(一) 第一课基础 Html是英文 HyperText Markup Language 的缩写，中文意思是“超文本标志语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件，既简单又方便，它通常使用<标志名>来表示标志的开始和结束(例如标志对)，因此在Html文档中这样的标志对都必须是成对使用的。 当我们畅游Internet时，我们透过浏览器所看到的网站，是由HTML (HyperText Markup Language) 语言所构成。HTML ( 超文件标记语言 ) 是一种建立网页文件的语言，透过标记式的指令 (Tag)，将影像、声音、图片、文字等连结显示出来。 HTML标记是由 < 和 > 所括住的指令，主要分为 : 单标记指令、双标记指令 ( 由 < 起始标记 >，< / 结束标记 >所构成 ) 。HTML网页文件可由任何文本编辑器或网页专用编辑器编辑，完成后 ( 以 .htm

.html 为文件后缀保存 ) 将HTML网页文件由浏览器打开显示，若测试没有问题则可以放到服务器 (Server) 上，对外发布信息。 HTML文件基本架构 文件开始 标头区开始 ... 标题区 标头区结束 本文区开始 本文区内容 本文区结束 文件结束 网页文件格式。 标头区 : 记录文件基本资料，如作者、编写时间。 标题区 : 文件标题须使用在标头区内，可以在浏览器最上面看到标题。 <BODY> 本文区 : 文件资料，即在浏览器上看到的网站内容。 注意事项</p><h2>HTML语言基础练习题</h2><p>如对你有帮助，请购买下载打赏，谢谢！ 第一部分：基础词汇 1、单词 head，头body，身体block，块inline，一行内width，宽度height，高度image，图像title，标题parent，父亲blank，空白的table，表格row，行character，字符 column，列 caption，说明文字 list，列表 form，表单 type，类型 input，输入 text，文本 password，密码 value，值 select，选择 option，选项 textarea，文本域 submit，提交 button，按钮 reset，重置 action，动作 method，方法 target，目标 left，左 right，右 center，中 top，上 bottom，下 2、词语缩写 术语：HTML，HyperText Markup Language，超级文本标记语言 术语：URL，Uniform Resoure Locator，统一资源定位器 术语：HTTP，Hyper Text Transfer Protocol，超文本传输协议 术语：WWW，World Wide Web，万维网 术语：IP，Internet Protocol，网络互连协议 属性：src，source，源 属性：href，hypertext reference，超文本引用 属性：id，identification，身份证、唯一标识 属性：class，类别 属性：title，标题、字幕 属性：style，样式 标签：a，anchor，锚或超链接 标签：div，division，部分区域 标签：ul，unordered lists，无序列表 标签：ol，ordered lists，有序列表 标签：img，image，图像 标签：p，paragraph，段落 标签：meta，metadata，元数据、描述信息的数据 第二部分：HTML基本结构（以html5为例） <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>页面标题 页面元素及内容部分 第三部分：看页面效果图，写出HTML代码 1、当鼠标光标移动至段落上时，要求显示字幕信息“我是段落”。

我是一级标题

这是一个段落 2、有一幅鲜花图片，名称为“flower.jpg”,假设图片与网页文件在同一个文件夹内，设置鲜花图片的高度为85px，宽度为100px，并要求实现鼠标指针停留在图片上时，显示字幕“鲜花”。

HTML基础试题》

《H T M L基础试题》 一、单项选择题： 1、下面哪一个属性不是文本的标签属性？（） A．  B．size C．color D．face 2、当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载。 （） A．ASP B．HTML C．ZIP D．CGI 3、关于文本水平对齐，源代码设置不正确的一项是：（） A．居中对齐：

…
B．居右对齐：
…
C．居左对齐：
…
D．两端对齐：
…
4、下面哪一项是换行符标签？（） A． B． C．
D． 5、下列哪一项是在新窗口中打开网页文档。（） A．_self B．_blank C．_top D．_parent 6、下面对JPEG格式描述不正确的一项是。（）

A．照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B．JPEG支持很高的压缩率，因此其图像的下载速度非常快 C．最高只能以256色显示的用户可能无法观看JPEG图像 D．采用JPEG格式对图片进行压缩后，还能再打开图片，然后对它重新整饰、 编辑、压缩 7、常用的网页图像格式有____和_____( ) A.gif，tiff B．tiff，jpg C．gif，jpg D．bmp，png 8、下面说法错误的是( ) A.CSS样式表可以将格式和结构分离 B．CSS样式表可以控制页面的布局 C.CSS样式表可以使许多网页同时更新 D．CSS样式表不能制作体积更小下 载更快的网页 9、CSS样式表不可能实现( )功能。 A将格式和结构分离 B．一个CSS文件控制多个网页 C.控制图片的精确位置 D．兼容所有的浏览器 10、在HTML中，( )不是链接的目标属性。 A.self B．new C．blank D．top 11、在网页设计中，( )是所有页面中的重中之重，是一个网站的灵魂所在。 A．标题栏 B．脚本页面 C.导航栏 D．页面内容 12、为了标识一个HTML文件应该使用的HTML标记是( )。 A． B． C． D．

HTML文件的基本结构

1.1 HTML文件的基本结构 HTML的英文全称是Hyper Text Markup Language，它是网页超文本标记语言的缩写，是Internet 上用于编写网页的主要语言。HTML中每个用来作为标记的符号都可以看作是一条命令，它告诉浏览器应该如何显示文件的容。 1.1.1 HTML文件结构 一个完整的HTML文件由标题、段落、表格和文本等各种嵌入的对象组成，这些对象统称为元素，HTML使用标记来分隔并描述这些元素。实际上整个HTML文件就是由元素与标记组成的。 下面是一个HTML文件的基本结构。 文件开始标记 文件头开始的标记 ……文件头的容 文件头结束的标记 文件主体开始的标记 ……文件主体的容 文件主体结束的标记 文件结束标记 从上面的代码可以看出，HTML代码分为3部分，其中各部分含义如下。 …：告诉浏览器HTML文件开始和结束的位置，其中包括和标记。HTML文档中所有的容都应该在这两个标记之间，一个HTML文档总是以开始，以结束。 …：HTML文件的头部标记，在其中可以放置页面的标题以及文件信息等容，通常将这两个标签之间的容统称为HTML的头部。 …：用来指明文档的主体区域，网页所要显示的容都放在这个标记，其结束标记指明主体区域的结束。 1.1.2 使用记事本手工编写HTML页面 编写HTML文件有两种方法，一种是利用记事本编写，另一种是在可视化网页制作软件中编写，如Dreamweaver，下面分别进行讲述。 HTML是一个以文字为基础的语言，并不需要什么特殊的开发环境，可以直接在Windows自带的记事本中编写。HTML文档以.html为扩展名，将HTML源代码输入记事本并保存，可以在浏览器中打开文档以查看其效果。使用记事本手工编写HTML页面的具体操作步骤如下。 （1）在Windows系统下，执行“开始”→“所有程序”→“附件”→“记事本”命令，新建一个记事本，在记事本中输入代码，如图1-1所示。 （2）编写完HTML文件后，执行“文件”→“保存”命令，弹出“另存为”对话框，在对话框

基于HTML语言的网页制作基础

《网页设计基础与网站维护》课程论文基于HTML语言的网页制作基础 学号： 姓名： 专业： 学院： 日期： 学期： 上课教室： 联系方式： 指导老师： 论文成绩：

基于HTML语言的网页制作基础 【内容摘要】本文着重于基于HTML语言的网页制作，通过对“网页设计基础”课程的总结学习，主要介绍了网页制作的基本知识、HTML语言的具体介绍、利用HTML语言制作网页的基本方法技术，以及网页设计的发展方向等。 【关键词】HTML语言、网页设计、代码、标记 一、网页设计制作介绍 网页（Web page）是一个文件，他存放在世界某个角落的某一部计算机中，而这部计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，是万维网中的一“页”，是超文本标记语言格式（标准通用标记语言的一个应用，文件扩展名为.html或.htm）。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。 网页设计是指使用标识语言（markup language)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。简单来说，网页设计的目的就是产生网站，什么是网站呢，就是服务器内的一系列网页的组合，终端用户发出请求后[[服务器通过传输特定的网页向用户传输所需的信息。简单的信息如文字，表格，都可以通过使用HTML/XHTML/XML放置到网站页面上。而更复杂的信息如动画，视频，声频则需要插件程序例如Flash, QuickTime, Java run-time environment,等等，这些插件程序也是通过HTML/XHTML/XML植入网页的。 网页设计的工具： ⑴Dreamweaver，用于编辑HTML、ASP、JSP、PHP、CSS、XML、JS的页面制作工具； ⑵Frontpage，跟Dreamweaver一样，不过个人感觉还是Dreamweaver好； ⑶Flash，网页需要画面流动时的首选择； ⑷Photoshop，图像处理软件，一般网页都需要有图片相搭配，Photoshop是款很强大的工具。 ⑸Fireworks，跟Photoshop一样都是图像处理软件，但Fireworks偏向与对网页

html基础网页编程语言

HTML 文档主题标记 标记的主要属性： 。bgcolor 设置页面颜色，如：bgcolor=“#eeffee” 。background 设置页面背景图片，如：background = “images/bg.gif” 。bgproperties = “fixed” 使背景图片不随着滚动条的滚动而滚动 。text 设置文档正文的文字颜色，如：text = “#ff6666” 其它的标记： 分段标记：段落文字 换行标记：段内第一段文字
段内第二段文字 正文标记：

1号正文标题文字

注释标记： 水平分隔线：
. 文档头部信息 用于标记HTML文档头部信息，主要是供给浏览器或网络搜索引擎使用，而不会显示在网页正文中。 的主要子标记： 设置窗口标题 <link> 建立到外部文件（主要是CSS外部样式表）的链接 <link ref = “stylesheet” href = “mystyle01.css” type = “text/css”> <style> 设置网页的内部样式表 <style type = “text/css”> Body {background-color:white;color:red} </style> <meta> 设置当前页面的元素信息 <meta name = “description” content = “HTNL实用教程”> <meta name = “keywords” content = “HTNL工作室”> <meta name = “author” content = “wzh”> <meta http-equiv = “Content-Type” content = “text/html; charset = GBK”> <meta http-equiv = “refresh” content = “5 ; url = https://www.doczj.com/doc/a99708077.html,”></p><h2>HTML语言基础练习题</h2><p>第一部分：基础词汇1、单词 head，头body，身体block，块inline，一行内width，宽度height，高度image，图像title，标题parent，父亲blank，空白的table，表格row，行character，字符 column，列 caption，说明文字 list，列表 form，表单 type，类型 input，输入 text，文本 password，密码 value，值 select，选择 option，选项 textarea，文本域 submit，提交 button，按钮 reset，重置 action，动作 method，方法 target，目标 left，左 right，右 center，中 top，上 bottom，下 2、词语缩写 术语：HTML，HyperText Markup Language，超级文本标记语言 术语：URL，Uniform Resoure Locator，统一资源定位器 术语：HTTP，Hyper Text Transfer Protocol，超文本传输协议 术语：WWW，World Wide Web，万维网 术语：IP，Internet Protocol，网络互连协议 属性：src，source，源 属性：href，hypertext reference，超文本引用 属性：id，identification，身份证、唯一标识 属性：class，类别 属性：title，标题、字幕 属性：style，样式 标签：a，anchor，锚或超链接 标签：div，division，部分区域 标签：ul，unordered lists，无序列表 标签：ol，ordered lists，有序列表 标签：img，image，图像 标签：p，paragraph，段落 标签：meta，metadata，元数据、描述信息的数据 第二部分：HTML基本结构（以html5为例） <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>页面标题 页面元素及内容部分 第三部分：看页面效果图，写出HTML代码 1、当鼠标光标移动至段落上时，要求显示字幕信息“我是段落”。

HTML零基础入门教程

首语 人们常常以为制作一个网站很难，但其实并非如此！人人都能学会如何制作网站。而且，假如你继续阅读本教程的话，你将能在一小时内制成一个网站。 有些人觉得制作网站需要昂贵的、高级的工具——当然这是错误的。的确有许多软件声称它们可以为你创建网站，它们有的比较好用，有的就差些。但如果你要制作符合W3C规范并令你满意的网页的话，你必须自己动手做。好在这不难，而且你已具备所需的全部软件了。本教程的目的就是：通过简单、全面和正确的介绍，教会你如何创建网站。本教程将从基础讲起，不要求你具备任何编程知识。 当然，本教程无法遍及所有知识，所以你要自己多做实验。不过别担心，学习制作网站是件充满乐趣的事，而且一旦掌握它，你便会感到无比满足。 你可以自由选择如何使用本教程，但我们建议你每天学习2到3课，然后花点时间来实验你所学到的新知识。 好的，不多说，我们现在就开始吧！ 第1课：开始学习 1

2

你可以先在自己的计算机上制作网站，待网站制作完毕再上传到因特网上。 接下来学习什么？ 下一课将介绍HTML是什么，然后从第三课开始学习有趣的HTML。 第2课：HTML是什么？ 这一课将为你简要介绍你的新朋友——HTML。 HTML是什么？ HTML是浏览器的“母语”。 长话短说，HTML是由一名叫Tim Berners-Lee的科学家发明的。他发明HTML的目的，是为了方便不同大学的科学家们可以更容易地获取彼此的研究文档。HTML取得了的巨大成功，大大超出了Tim Berners-Lee的原本预计。通过发明HTML，他为我们今天所认识的万维网奠定了基础。 HTML是一门语言，它令我们可以在因特网上展示信息（例如科学研究信息）。你所看到的网页，是浏览器对HTML进行解释的结果。要查看一个网页的HTML代码，只需在浏览器菜单栏上点击“查 ”，然后选择 3

HTML基础语言

定义和用法 标签，是用在网页中的一种HTML标签，表示网页的主体部分，也就是用户可以看到的内容，可以包含文本、图片、音频、视频等各种内容！ 格式一般如下： ；网页名称 存入网页的主体部分内容如：

；代表表格 ；代表行 ；代表段落 ；代表单元格 ；代表行 ；代表段落
；代表单元格 .....
；代表表格 ... 超链接文字的颜色 为了突出超链接，超链接文字通常采用与其它文字不同的颜色，超链接文字的下端还会加一个横线。 HTML文字的超链接文字有默认的颜色，在标记中也可自定义这些颜色。有3个属性： ⑴link：未访问过的超链接颜色 ⑵vlink：已访问过的超链接颜色 ⑶alink：鼠标点击超链接时的颜色 如： 文档边缘 默认情况下，文档显示的位置与浏览器的边框有一定的距离。在标记中可以通过添加属性自定义文档边缘与窗口的距离。 ⑴topmargin：文档上边的边缘大小 ⑵leftmargin：文档左边的边缘大小

⑶rightmargin：文档右边的边缘大小 ⑷bottommargin：文档下边的边缘大小 如： 在这里边缘大小的单位是“像素”。 对齐属性，范围属性： ALIGN=LEFT,左对齐（缺省值）,WIDTH=象素值或百分比，对象宽度. ALIGN=CENTER，居中，HEIGHT=象素值或百分比，对象高度. ALIGN=RIGHT，右对齐. 色彩属性： COLOR=#RRGGBB，前景色，参考色彩对照表. BGCOLOR=#RRGGBB，背景色. 基本结构标签： ；，表示该文件为HTML文件 ；，包含文件的标题，使用的脚本，样式定义等 ---；，包含文件的标题，标题出现在浏览器标题栏中 ,；的结束标志 ；，放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示. ,；的结束标志 ,；的结束标志 其它主要标签，以下所有标志用在；中： ；，链接标志，"…"为链接的文件地址 ；，显示图片标志，"…"为图片的地址
；，换行标志

；，分段标志 ；，采用粗体字 ；，采用斜体字

；，水平画线
；，定义表格，HTML中重要的标志 ；，定义表格的行，用在
；中 ；，定义表格的单元格，用在；中 ；，字体样式标志 属性： 属性是用来修饰标志的，属性放在开始标志内. 例：属性bgcolor="BLACK"表示背景色为黑色. 引用属性的例子： ；表示页面背景色为黑色；
；表示表格背景色为黑色.

HTML基础知识

HTML 学习任何一门语言，都要首先掌握它得基本格式，就像写信需要符合书信得格式要求一样。HTML标记语言也不例外，同样需要遵从一定得规范。接下来将具体讲解HTML文档得基本格式。 HTML文档得基本格式主要包括文档类型声明、根标记、头部标记、主体标记，具体介绍如下： （1） 标记 标记位于文档得最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML（可扩展超文本标记语言）标准规范，必需在开头处使用标记为所有得XHTML文档指定XHTML版本与类型，只有这样浏览器才能将该网页作为有效得XHTML文档，并按指定得文档类型进行解析。 （2） 标记 标记位于 标记之后，也称为根标记，用于告知浏览器其自身就是一个 HTML 文档， 标记标志着HTML文档得开始，标记标志着HTML文档得结束，在它们之间得就是文档得头部与主体内容。 在之后有一串代码“xmlns=""”用于声明XHTML统一得默认命名空间。 （3）标记 标记用于定义HTML文档得头部信息，也称为头部标记，紧跟在标记之后，主要用来封装其她位于文档头部得标记，例如、<meta>、<link>及<style>等，用来描述文档得标题、作者以及与其她文档得关系等。 一个HTML文档只能含有一对<head>标记，绝大多数文档头部包含得数据都不会真正作为内容显示在页面中。 （4）<body></body>标记 <body>标记用于定义HTML文档所要显示得内容，也称为主体标记。浏览器中显示得所有文本、图像、音频与视频等信息都必须位于<body>标记内，<body>标记中得信息才就是最终展示给用户瞧得。 一个HTML文档只能含有一对<body>标记，且<body>标记必须在<html>标记内，位于<head>头部标记之后，与 <head>标记就是并列关系。 在HTML页面中，带有“< >”符号得元素被称为HTML标记，如上面提到得<html>、<head>、<body>都就是HTML 标记。所谓标记就就是放在“< >”标记符中表示某个功能得编码命令，也称为HTML标签或HTML元素，本书统一称作HTML 标记。 为了方便学习与理解，通常将HTML标记分为两大类，分别就是“双标记”与“单标记”。 （1）双标记 双标记也称体标记，就是指由开始与结束两个标记符组成得标记。其基本语法格式如下： 该语法中“<标记名>”表示该标记得作用开始，一般称为“开始标记（start tag）”，“</标记名>”表示该标记得作用结束，一般称为“结束标记（end tag）”。与开始标记相比，结束标记只就是在前面加了一个关闭符“/”。 （2）单标记 单标记也称空标记，就是指用一个标记符号即可完整地描述某个功能得标记。其基本语法格式如下：</p><h2>HTML语言基础教程</h2><p>HTML基本概念 什么是HTML文件？ HTML的英文全称是Hypertext Marked Language，中文叫做“超文本标记语言”。 和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。 一个HTML文件的后缀名是.htm或者是.html。 用文本编辑器就可以编写HTML文件。 这就试写一个HTML文件吧！ 打开你的Notepad，新建一个文件，然后拷贝以下代码到这个新文件，然后将这个文件存成first.html。 <html> <head> <title>Title of page This is my first homepage. This text is bold 要浏览这个first.html文件，双击它。或者打开浏览器，在File菜单选择Open，然后选择这个文件就行了。 示例解释 这个文件的第一个Tag是，这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是，表示HTML文件到此结束。 在和之间的内容，是Head信息。Head信息是不显示出来的，你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词，有助于搜索引擎能够搜索到你的网页。 在和之间的内容，是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。 在和之间的信息，是正文。 在和之间的文字，用粗体表示。顾名思义，就是bold的意思。 HTML文件看上去和一般文本类似，但是它比一般文本多了Tag，比如，等，通过这些Tag，可以告诉浏览器如何显示这个文件。 HTML元素(HTML Elements) HTML元素(HTML Element)用来标记文本，表示文本的内容。比如body, p, title就是HTML 元素。 HTML元素用Tag表示，Tag以<开始，以>结束。 Tag通常是成对出现的，比如。起始的叫做Opening Tag，结尾的就叫做Closing Tag。 目前HTML的Tag不区分大小写的。比如，和其实是相同的。 HTML元素(HTML Elements)的属性 HTML元素可以拥有属性。属性可以扩展HTML元素的能力。 比如你可以使用一个bgcolor属性，使得页面的背景色成为红色，就像这样：

HTML语言基本格式

2.1.2 HTML文件 3.标记的属性 <标记属性1＝属性值属性2＝属性值…> 内容 属性示例 * 2.1.2 HTML文件 1.HTML文件的组成 1)标记：单标记指令、双标记指令 2)文字、图形资料（被标记的内容） 3）uml（Uniform Resource Locator） 2.标记（tag）：单标记指令、双标记指令 格式：<标记>内容
HTML实例 * 2.1.2 HTML文件 4. HTML文档的结构 包括HEAD、BODY两部分，下面是基本结构： 标题部分 正文部分 *文件的打开 2.2.1简单标记认识与使用 4. HTML文件主体标记 格式：…文件主体标记。 注意：与为独立的两个部分，不能互相嵌套。 1．属性概述 background属性 bgcolor 属性 Text属性 link ，vlink，alink属性*颜色 5.注释标记 * 2.2.2 段落和文字标记 1．标题标记 格式：

…

，

…

…
…
设置各种大小不同标题的标记。* 2.字体设置标记 格式：… 功能：设置字体格式标记。 标记提供了几种属性： size：设置文字的大小(字号)。 face：设置字体（字体）。

color：设置文字的颜色。* 3.设置字型 文字的风格：加粗、斜体、下划线、上下标 2.2.2段落和文字标记 4．强制换行 格式：文字
段落标记 格式：

[…

]设置段落标记。* 5．分区显示标记 格式：
…
分区显示标记。* 6．水平线 格式：
插入水平线标记。
* 7.特殊符号：< > 2.2.3 建立超级链接 超链接： 1.热点标记： 超级链接格式：…* 2.创建指向其他页面的链接 热点* 3.创建指向本页面的链接 定义两个标记： 超链接标记热点 书签标记热点 *2.2.4 加入图片 1.图片的文件格式：jpeg gif 2. 设置页面的背景： 背景色： 图片作背景：* 3.图片标记： 1)图片尺寸：width height * 2)图片布局：align *
3)图片与文本间的空白 hspace vspace * 4)图片作为超链接 ** 2.3.1列表标记 1．无序列表 格式：
相关文档 最新文档