文档库 最新最全的文档下载
当前位置:文档库 › HTML语言入门教程大全

HTML语言入门教程大全

HTML语言入门教程大全
HTML语言入门教程大全

HTML语言入门教程大全

标题

(从1到6,有六层选择)

3.0 标题的对齐 3.0 区分

3.0 区分的对齐

ALIGN=LEFT|RIGHT|CENTER|JUSTIFY>

引文区块

(通常会内缩)强调 (通常会以斜体显示)

特别强调 (通常会以加粗显示)引文 (通常会以斜体显示)

(显示原始码之用)

样本

键盘输入

变数

定义 (有些浏览器不提供)

地址

3.0 大字

3.0 小字

文字

加粗

斜体

3.0 底线 (尚有些浏览器不提供)

3.0 删除线 (尚有些浏览器不提供)

3.0 下标

3.0 上标

打字机体 (用单空格字型显示)

预定格式

 (保留文件中空格的大小)

预定格式的宽度

(以字元计算)

N1.0+ 向中看齐

(文字与图片都可以)

N1.0 闪耀 (有史以来最被嘲弄的标签)N1.0 字体大小(从1到7)

N1.0 改变字体大小

N1.0 基本字体大小 (从1到7; 内定为3)

N2.0 字体颜色

链接与图形

连结

连结到锚点(如果锚点在另一个档案)

(如果锚点目前的档案)

N2.0 连结到目的视框

TARGET="***">

设定锚点

图形

图形看齐方式

ALIGN=TOP|BOTTOM|MIDDLE>

N1.0 图形看齐方式

ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSB OTTOM>

取代文字*** (如果没有办法显示图形则显示此文字)

点选图 (需要CGI程式)

N2.0 点选图

N2.0 地图(描述地图)

N2.0 段落

HREF="URL"|NOHREF>

3.0 大小(以pixels为单位)

N1.0 图形边缘 (以pixels 为单位)

N1.0 图形边缘空间 (以pixels为单位)

N1.0 低解析度图形 N1.1 用户端拉(使用端自动更新)

N2.0 内嵌物件 (将物件插入页面)N2.0 内嵌物件大小

分隔

段落

(通常是两个return)

3.0 段落

(新定义成容器型标签)

3.0 文字看齐方式

换行
(一个return)

N1.0 文字部份看齐方式
(与图形合用时)

横线


N1.0 横线对齐


N1.0 横线厚度


(以pixels为单位)

N1.0 横线宽度


(以pixels为单位)

N1.0 横线比率宽度


(以页宽为100%)N1.0 实线
(没有立体效果)

N1.0 不可换行 (不换行)

N1.0 可换行处 (如果需要,可在此断行)

列举

无次序式列举

  • 放在每一项前)

    N1.0 公布式列举

      (定义全部的列举项)

    • (定义这个及其后的列举项)

      有次序式列举

    • 放在每一项前)

      N1.0 数标型态

        (定义全部的列举项)
      1. (定义这个及其后的列举项)

        N1.0 起始数字

          (定义全部的列举项)

        1. (定义这个及其后的列举项)

          定义式列举

          项目,
          定义)

          表单式列举

        2. 放在每一项前)目录式列举
        3. 放在每一项前)

          北京与颜色

          3.0 重复排列的背景

          N1.1+ 背景颜色 (依序为红、绿、蓝)

          N1.1+ 文字颜色

          N1.1+ 连结颜色

          N1.1+ 看过的连结

          N1.1 使用中的连结

          特殊字元

          特别符号&#?; (其中? 代表ISO 8859-1的编码)

          <<>>&&""

          注册商标TM ?

          N1.0+ 注册商标TM ?

          著作权符号?

          N1.0+ 著作权符号?

          表格

          3.0 定义表格

          3.0 表格框线

          (有或没有)N1.1 表格框线
          (可以设定数值)

          N1.1 储存格左右留白

          N1.1 储存格上下留白

          N1.1 表格宽度

          (以pixels为单位)

          N1.1 宽度比率

          (页宽为100%)

          3.0 表格列

          3.0 表格列内容看齐

          3.0 储存格

          (须与列并用)

          3.0 储存格内容看齐

          (跟

          3.0 表格抬头看齐

          ;,定义表格的行,用在

          3.0 不换行

          N3.0 储存格背景颜色

          3.0 储存格横向连接

          3.0 储存格纵向连接

          N1.1 储存格宽度

          (以pixels为单位)

          N1.1 储存格宽度比率

          (页宽为100%)3.0 表格标题一样,不过会对中并加粗)

          3.0 表格标题对齐

          3.0 表格标题不换行

          3.0 表格标题占几栏

          3.0 表格标题占几列

          N1.1 表格标题宽度

          (以pixels为单位)N1.1 表格标题比率宽度 (页宽为100%)3.0 表格抬头
          (在表格之上/之下)

          表单(通常需要与CGI程式配合)

          定义表单

          METHOD=GET|POST>

          N2.0 上传档案

          ENCTYPE="multipart/form-data>

          输入栏位

          TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDD EN|SUBMIT|RESET">

          栏位名称

          栏位内定值

          已选定 (适用於checkboxes与radio boxes)

          栏位宽度 (以字元数为单位)

          最长字数 (以字元数为单位)下拉式选单

          下拉式选单名称

          选单项目数量

          多选式选单 输入区名称

          N2.0 输入区换行方式

          WRAP=OFF|VIRTUAL|PHYSICAL>

          《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网页制作基础题 一、选择 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.wendangku.net/doc/756179986.html, B .xxx@.net C.xxx@com D .xxx@https://www.wendangku.net/doc/756179986.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文件的基本结构

          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是英文 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基础语言

          定义和用法 标签,是用在网页中的一种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语言基本格式

          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.无序列表 格式:
          • HTML语言基础练习题

            第一部分:基础词汇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为例) 页面标题 页面元素及内容部分 第三部分:看页面效果图,写出HTML代码 1、当鼠标光标移动至段落上时,要求显示字幕信息“我是段落”。

            新手学习老知识(一)HTML语言基础

            新手学习老知识(一)HTML语言基础 一、为什么要? 近两年来,许多公司开发出了图形化的HTML开发工具,使得网页的制作变得非常简单。如微软公司推出的 Microsoft FrontPage, Adobe公司推出的Adobe Pagemill, Micromedia公司推出的Dreamweaver等编辑工具,都被称 为“所见即所得”的工具。这些图形化的开发工具可以直接处理网页,而不用 书写费劲的标记。这使得用户在没有HTML语言基础的情况下,照样可以编写网页。这时,编写HTML文档的任务由开发工具替你完成了。这是网页图形编辑 工具的最大成功之处,但也是它们的最大不足之处。受到图形编辑工具自身的 约束,将产生大量的垃圾代码。原因很简单,我举一个简单的例子你就明白了。比如:在网页设计一个表格,若是每个单元格的宽度和高度让它根据其中的内 容自动确定,HTML只要你告诉它是表格和单元格的排列顺序(也就是行列数) 就行了,但因为图形化开发工具无法得知你的这种特殊要求,所以只能取一般 要求,把每个单元格的宽度和高度都定义起来,从而增加了许多代码。所以一 个明智的网页编写者应该在掌握图形编辑工具的基础上进一步学会HTML语言,从而知道那些是垃圾代码,这样,我们就可以利用图形化HTML开发工具快速成地做出网页,又会消除无用的代码,从而达到快速制作高质量网页的目的。 二、如何用HTML? HTML语言,又称超文本标记语言,是英文Hyper Text Markup Language 的缩写。HTML语言作为一种标识性的语言,是由一些特定符号和语法组成的, 所以理解和掌握都是十分容易的。可以说,HTML语言在所有的计算机编程语言 中是最简单易学的。组成HTML的文档都是ASCIlI档,所以创建HTML文件十 分简单,只需一个普通的字符编辑器即可。如 Wndows中的记事本、写字板都 可以使用。也可以采用专用的 HTML 编辑工具:如 CoffeeHTML、 Homesite、HTMLedit Pro等工具,它们的特点是能够自动检查HTML文档中的语法错误并 协助改正。由于有了图形化的HTML开发工具,使得我们更加容易,我们可以先用它制作好网页,再在它附带的HTML代码编辑器在删去那些无用的代码,利用它的所见即所得特性,从而使我们很快就能熟炼地掌握HTML。特别是Micromedia 公司最近发布的Dreamweaver4,可以把源代码编辑器和网页编辑 器放在同一个窗口中,真是方便极了。 三、HTML基本概念 1、标记 HTML用于描述功能的符号称为“标记”。如“HTML”、“BODY”、“TABLE”等。标记在使用是必须用方括号“<>”括起来,而且是成对出现,无斜杠的标记表示该标记的作用开始,有斜杠的标记表示该标记的作用结束。如 表示一个表格的开始,

            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元素的能力。 比如你可以使用一个bgcolor属性,使得页面的背景色成为红色,就像这样:

            《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基础知识

            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)单标记 单标记也称空标记,是指用一个标记符号即可完整地描述某个功能的标记。其基本语法格式如下: 一篇结构清晰的文章通常都有标题和段落,HTML网页也不例外,为了使网页中的文字有条理地显示出来,HTML 提供了相应的标记。 (1)标题标记 为了使网页更具有语义化,经常会在页面中用到标题标记,HTML提供了6个等级的标题,即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>,从<h1>到<h6>重要性递减。其基本语法格式如下:<hn align="对齐方式">标题文本</hn>该语法中n的取值为1到6,align属性为可选属性,用于指定标题的对齐方式,下面来演示标题标记的使用。 (2)段落标记 在网页中要把文字有条理地显示出来,离不开段落标记,就如同我们平常写文章一样,整个网页也可以分为若干个段落,而段落的标记就是。其基本语法格式如下: <p align="对齐方式">段落文本 该语法中align属性为标记的可选属性,和标题标记<h1>~<h6>一样,同样可以使用align属性设置段落文本的对齐方式。 制作网页时,经常需要设置页面的基本信息,如页面的标题、作者、和其他文档的关系等。为此HTML提供了一系列的标记,这些标记通常都写在<head>标记内,因此被称为头部相关标记。 (1)<title>标记 标记用于定义HTML页面的标题,即给网页取一个名字,必须位于<head>标记之内。一个HTML文档只能含有一对<title>标记,<title>之间的内容将显示在浏览器窗口的标题栏中。其基本语法格式如下:<title>网页标题名称 (2) 标记 标记用于定义页面的元信息,可重复出现在头部标记中,在HTML中是一个单标记。标记本身不包含任何内容,通过“名称/值”的形式成对的使用其属性可定义页面的相关参数,例如为搜索引擎提供网页

  • 相关文档