2 HTML语言.ppt
《2 HTML语言.ppt》由会员分享,可在线阅读,更多相关《2 HTML语言.ppt(47页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、HTML语言语言主要内容主要内容1 1 基本概念基本概念基本概念基本概念2 2 我的第一张网页我的第一张网页我的第一张网页我的第一张网页3 3 各个标签各个标签各个标签各个标签2 2 HTMLHTML语言语言 1 基本概念基本概念 HTMLHTML文档的概念文档的概念文档的概念文档的概念HyperText Markup Language,即,即超文本超文本标记语标记语言言。由万。由万维维网网联联盟盟负负责责制制订订和更新。和更新。HTML是一种描述语言,对是一种描述语言,对WEB页面中显示内容的属性以页面中显示内容的属性以标签标签Tag的形的形式进行描述。使用该语言可将式进行描述。使用该语言可
2、将文本文本、图像图像、声音声音等结合在一张网页文等结合在一张网页文件中。件中。客户机上的客户机上的浏览器浏览器(browser)对这些描述进行对这些描述进行解释解释将相应页面内容正确将相应页面内容正确显示在显示器上。显示在显示器上。一个一个WEB页面就是一个页面就是一个HTML文档文档。HTML是一种解释语言,可以直接运行;是一种解释语言,可以直接运行;C、Basic、Java等都是编译等都是编译语言,需要经过编译才能运行。语言,需要经过编译才能运行。3 3 HTMLHTML语言语言 2 2 我的第一张网页我的第一张网页我的第一张网页我的第一张网页网页实例:网页实例:我的主页我的主页我的第一张
3、网页我的第一张网页百度百度文件头部文件头部文件主体文件主体标签,表示网页的开始标签,表示网页的开始属性,进一属性,进一步控制标签步控制标签作用的内容作用的内容属性值属性值4 4 HTMLHTML语言语言 1 1 我的第一张网页我的第一张网页我的第一张网页我的第一张网页几点说明几点说明1、HTML的标签:识别网上元素、描述元素的样式、指向其的标签:识别网上元素、描述元素的样式、指向其它资源,不分大小写。不同的标签可它资源,不分大小写。不同的标签可嵌套使用嵌套使用,但不可交叉。,但不可交叉。2、标签的属性:要放在、标签的属性:要放在开始标签开始标签的尖括号中,可以有多个属的尖括号中,可以有多个属性
4、,用空格分隔,通常不分大小写。性,用空格分隔,通常不分大小写。2 受影响的内容受影响的内容受影响的内容受影响的内容 5 5 HTMLHTML语言语言 1 1 我的第一张网页我的第一张网页我的第一张网页我的第一张网页3、属性值:前后要加双引号,某些情况下可省略。、属性值:前后要加双引号,某些情况下可省略。值应在值应在预先定义的范围内选取,不能自己定义。预先定义的范围内选取,不能自己定义。4、和和标签:网页文档的开始和结束标签。告标签:网页文档的开始和结束标签。告诉浏览器是网页文档。诉浏览器是网页文档。5、和和标签:设置标签:设置web页的一些特定信息。页的一些特定信息。6、和和标签:设置标签:设
5、置web页的主体信息。页的主体信息。7、可以采用存文本文件编辑、可以采用存文本文件编辑HTML文件。例如记事本。文件。例如记事本。htmlhtml的基本概念的基本概念的基本概念的基本概念6 6 HTMLHTML语言语言 3 HTML的各个标签介绍的各个标签介绍1 文件标签文件标签2 排版标签排版标签3 字体标签字体标签4 表格和清单表格和清单5 在网页中建立超链接在网页中建立超链接6 多媒体标签多媒体标签7 框架标签框架标签8 表单标签表单标签9 其它标签其它标签7 7 HTMLHTML语言语言 1 文件标签文件标签文件文件标签标签共四种:共四种:类类型声明型声明标签标签文件文件头标签头标签标
6、题标签标题标签正体标签正体标签注:作为完整的注:作为完整的html文件,文件标签不可缺少。文件,文件标签不可缺少。8 8 HTMLHTML语言语言 1 文件标签文件标签1.标签标签类类型声明型声明标签标签:用于告:用于告诉浏览诉浏览器器这这个文件是个文件是HTML文件。文件。如果将如果将标签删标签删去,不会影响去,不会影响html文件在文件在浏览浏览器中的器中的显显示示效果。效果。浏览浏览器的容器的容错错功能功能9 9 HTMLHTML语言语言 1 文件标签文件标签2.标签标签放在放在标签标签之后,用以描述之后,用以描述html文件整体的一些信息。文件整体的一些信息。标签对标签对中的内容不会中
7、的内容不会显显示在示在浏览浏览器器页页面上。只面上。只为为html的解的解释释器服器服务务。与与构成了构成了HTML文件的两大主要部分。文件的两大主要部分。1010 HTMLHTML语言语言 文件文件头头的的()相关相关标记应标记应用用1.标识标识网网页页主体的主体的标记标记2.标记标记注注释标记释标记1111 HTMLHTML语言语言 1.标识标识网网页页主体的主体的标记标记标识标识网网页页的主的主题题,其中的内容将在,其中的内容将在浏览浏览器的器的标题栏标题栏中中显显示,不出示,不出现现在在页页面内!面内!例如:例如:欢欢迎光迎光临临网站网站1212 HTMLHTML语言语言 2.标记标记
8、是一个是一个辅辅助性助性标记标记,且没有,且没有结结束束标记标记。主要用于。主要用于设设置网置网页页的一些的一些属性。属性。标记标记共有两个重要的属性,分共有两个重要的属性,分别为别为:name:用于描述网页,对应的参数值则用用于描述网页,对应的参数值则用content标示。标示。一大应用:告诉搜索引擎改网页的关键字一大应用:告诉搜索引擎改网页的关键字http-equiv:相当于相当于HTTP的文件头的作用,可以向浏览器的文件头的作用,可以向浏览器传回一些有用的信息,以帮助正确显示网页内容。与传回一些有用的信息,以帮助正确显示网页内容。与“name”属性一样,其参数值用属性一样,其参数值用co
9、ntent标示。标示。一大应用,设置自动刷新并指向新页面。一大应用,设置自动刷新并指向新页面。例如:例如:1313 HTMLHTML语言语言 1 文件标签文件标签 标签标签标签对标签对中的内容将中的内容将显显示在网示在网页页文件上。所以网文件上。所以网页页文件文件的大部分信息内容都位于的大部分信息内容都位于标签标签的包的包围围之中。之中。与与这这些文件些文件标签标签不同,不同,body标签标签支持属性。支持属性。1414 HTMLHTML语言语言 1 文件标签文件标签 标签标签(1)text属性属性设设定网定网页页上的文字上的文字颜颜色色COLOR的值的值可以是可以是以十六进制表示以十六进制表
10、示的颜色,或者是的颜色,或者是16种颜色种颜色中的一种。中的一种。名称名称|颜色颜色|名称名称|颜色颜色 black|黑色黑色|Red|红色红色 Line|石灰色石灰色|Maroon|栗色栗色 Gray|灰色灰色|Silver|银白色银白色 Navy|海军蓝海军蓝|Olive|橄榄绿橄榄绿 Purple|紫色紫色|Yellow|黄色黄色 Aqua|浅绿色浅绿色|Blue|蓝色蓝色 Green|绿色绿色|Fuchsia|紫红色紫红色 White|白色白色|Teal|暗蓝绿暗蓝绿1515 HTMLHTML语言语言 1 文件标签文件标签 标签标签(2)bgcolor属性属性设设定网定网页页上的背景色
11、上的背景色1616 HTMLHTML语言语言 1 文件标签文件标签 标签标签(3)link、alink、vlink属性属性设设定超定超级链级链接不同状接不同状态态的的颜颜色色linklink:指定指定指定指定htmlhtml文档中文档中文档中文档中访问之前的超链接访问之前的超链接访问之前的超链接访问之前的超链接的颜色的颜色的颜色的颜色alinkalink:指定指定指定指定htmlhtml文档中文档中文档中文档中正在按下的超链接正在按下的超链接正在按下的超链接正在按下的超链接的颜色。的颜色。的颜色。的颜色。vlinkvlink:指定指定指定指定htmlhtml文档中文档中文档中文档中访问之后的超
12、链接访问之后的超链接访问之后的超链接访问之后的超链接的颜色的颜色的颜色的颜色若若若若bodybody属性中不指定,则使用默认值,分别为:属性中不指定,则使用默认值,分别为:属性中不指定,则使用默认值,分别为:属性中不指定,则使用默认值,分别为:link=“#0000ff”(link=“#0000ff”(蓝色)蓝色)蓝色)蓝色)alinkalink=“#ff0000”=“#ff0000”(红色)(红色)(红色)(红色)vlinkvlink=“#800080”=“#800080”(紫色)(紫色)(紫色)(紫色)1717 HTMLHTML语言语言 1 文件标签文件标签 标签标签(4)backgrou
13、nd属性属性设设定背景定背景图图片片选择图片选择图片保存图片保存图片编写编写html代码代码(5)scroll属性属性设设定定隐隐藏藏浏览浏览器的器的滚动滚动条条常用于弹出性页面(广告弹出窗口、弹出最新通知等)常用于弹出性页面(广告弹出窗口、弹出最新通知等)scroll=“no”即可隐藏滚动条。即可隐藏滚动条。1818 HTMLHTML语言语言 2 排版标签排版标签排版排版标签标签主要主要为为以下几种:以下几种:注:注释释:段落:段落:换换行行:水平:水平线线:预设预设格式格式:区段:区段:不折行:不折行:建:建议议折行折行1919 HTMLHTML语言语言 1.注注释标记释标记用于在用于在H
14、TML文档中文档中书书写写说说明性的文字,内容在明性的文字,内容在浏览浏览器中不器中不显显示。示。格式:格式:2020 HTMLHTML语言语言 2、段落、换行编辑、段落、换行编辑分段标签分段标签 和和 强制换行标签强制换行标签分段标签用于将文档分段标签用于将文档划分为段落划分为段落,标签为,标签为,效果相效果相当于在段间插入一个硬回车,段间当于在段间插入一个硬回车,段间有空行有空行。要将文字要将文字强制换行强制换行,而不是另起段落,可以用换行标签,而不是另起段落,可以用换行标签实现该功能。换行后,实现该功能。换行后,与前一行间无空行与前一行间无空行。注意,注意,注意,注意,仅单仅单仅单仅单独
15、使用,而非成对出现。即非独使用,而非成对出现。即非独使用,而非成对出现。即非独使用,而非成对出现。即非围堵标签围堵标签围堵标签围堵标签。2121 HTMLHTML语言语言 2、段落、换行编辑、段落、换行编辑续续段落对齐的方法段落对齐的方法align属性:用于设置段落的对齐方式,其常见取值有属性:用于设置段落的对齐方式,其常见取值有4种:种:right(右对齐)(右对齐)left(左对齐)(左对齐)center(居中对齐)(居中对齐)justify(两端对齐)(两端对齐)例如:例如:center标签:标签:.用以居中用以居中2222 HTMLHTML语言语言 3、水平线、水平线(hrhorizo
16、n)用于在标签所在位置用于在标签所在位置插入一条水平线插入一条水平线,可以美化网页。,可以美化网页。与与类似,类似,也无结束标签。也无结束标签。属性属性size(粗细)(粗细)像素,值应为整数,默认为像素,值应为整数,默认为2。width(宽度)(宽度)值可用百分比和像素两种方式表示。值可用百分比和像素两种方式表示。color(颜色)(颜色)值为颜色值为颜色align(对齐方式)(对齐方式)left/right/centernoshade(无阴影)(无阴影)无需值,用以指定没有阴影的水无需值,用以指定没有阴影的水平线平线title(标题)(标题)设定标题,当鼠标移至水平线时才显示。设定标题,当
17、鼠标移至水平线时才显示。2323 HTMLHTML语言语言 4.预设预设格式和区段格式和区段标签标签(1)预预格式化文本格式化文本html源代源代码码中中书书写的空格、回写的空格、回车车等字符在版式等字符在版式输输出出时时均无效,均无效,必必须须用特殊的字符串来代替。如空格用特殊的字符串来代替。如空格 。采用采用标签标签可使源文件中的可使源文件中的空格、回空格、回空格、回空格、回车车车车等版式符等版式符号正常地在号正常地在浏览浏览器中器中显显示。示。2424 HTMLHTML语言语言 4.预设预设格式和区段格式和区段标签标签(2)设设置区段置区段主要用于主要用于文件分文件分节节,位于
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML语言 HTML 语言
限制150内