网页html代码详解介绍.ppt

第2章 HTML语言 2.1 HTML简介 HTML（Hyper Text Markup Language）称为超文本标记语言，是一种描述文档结构的标记语言，它是一种应用非常广泛的网页格式，也是最早被用来显示Web页的语言之一。它与操作系统平台的选择无关，只要有浏览器就可以运行HTML文档，显示网页内容。 HTML文档类似于.txt文本文件，不同的是，文档里还包含一种被称为标记的符号。 2.1.1 标记的格式 1. 标记的功能 控制网页的显示方式 2. 标记的构成 由 …、/…及括在其中的命令字符串组成 双标记： …、/…成对出现， 如HTML、/HTML 单标记： …，如BR、HR 2.1.1 标记的格式 3. 标记的使用方法 (1) 标记名文本或超文本/标记名 (2) 标记名 属性名1=“属性值1” 属性名2=“属性值2” 文本或超文本/标记名 例：font size=“3” color=“red”你好！/font (3) 标记名 2.1.1 标记的格式 书写HTML代码时应注意以下几点： 1) HTML标记及属性中字母不区分大小写，如HTML与Html对浏览器来说是完全相同的。 2) 标记名与左尖括号之间不能留有空白，如 html是错误的。 3) 属性要写在开始标记的尖括号中，放在标记名后，并且与标记名之间要有空白；多个属性之间也要有空白；属性值最好用单引号或双引号引起来，引号一定要是英文的引号，不能是中文引号。 4) 结束标记要书写正确，不能忘掉斜杠。 2.1.2 HTML文档结构 表2-1 html文件构成骨架 2.1.2 HTML文档结构 1. 文件头部 head、/head之间定义，内容可包括标题名、文本文件地址、创作者信息等网页信息说明。 文件头部还可包括一些其他标记： · title /title：定义网页的标题； · meta：说明一些与文档相关的信息，如作 者、关键内容、所用语言等； 2.1.2 HTML文档结构 2. 文件主体 位于头部之后，在body、/body之间定义，定义了网页上显示的主要内容和显示格式。 文件主体内可包括众多其他标记。 2.1.2 HTML文档结构 body标记常用属性： · background：设置网页背景图案。 例如body background=“photo_6.gif” · bgcolor：设置网页背景色。 例如body bgcolor=“#00FF00” · text：设置文本颜色，默认黑色。 · link：设置尚未被访问过的超文本链接的颜色。 · vlink：设置已被访问过的超文本链接的颜色。 2.1.2 HTML文档结构 3. 注释 格式：!-- 注释 -- 注释以“!--”开始，以“--”结束，注释的内容会被浏览器忽略。利用注释可以为HTML文档的不同部分加上说明，方便日后修改，也可以利用注释为HTML文档加上版权声明。 注释可有多行。 2.1.3 HTML的制作 制作HTML文档需要两个基本工具，一个HTML编辑器，一个Web浏览器。 HTML编辑器可分为两类：基于文本或代码的编辑器和所见即所得(WYSIWYG)编辑器。前者在创建文档时只能看到HTML代码，后者在编辑时即显示出类似于最终浏览器窗口显示的结果。 Web浏览器用来浏览HTML文档，在Windows操作系统上，常用的浏览器是Microsoft Internet Explorer，也常简称为IE。 2.1.3 HTML的制作 html head title我的第一个网页/title /head body bgcolor=black text=#FFFFFF 这是我用记事本做的第一个网页，我会努力学好HTML！ /body /html 2.1.3 HTML制作工具 2.2 常用HTML标记 2.2.1 排版标记 1. 段落标记p 用于分段，p和/p之间的文字在同一段落，并使前段与后段之间加一空白行。结束标记/p可以省略，下一个p开始意味着上一个p结束 。 p的常用属性align，用来设定段落的对齐方式，可取属性值有： · left：左对齐； · center：居中对齐； · right：右对齐。 2.2.1 排版标记 2. 强制换行br br称为换行标记，在网页设计中比较常用，它的作用就是换行。br属于单标记，没有结束标记，且不包含任何属性。 3. 预格式化标记pre pre称为预格式化标记，它的作用是按原始代码的排列方式显示内容。通常情