第二讲 HTML语言基础.ppt

主要内容 HTML语言简介 基本页面布局 文本修饰 超链接 图片的使用 HTML语言简介 什么是 HTML？ HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML语言简介 HTML 文档 = 网页 HTML 文档描述网页 HTML 文档包含 HTML 标签和纯文本 HTML 文档也被称为网页 Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容： HTML语言简介 实例一 html body h1My First Heading/h1 pMy first paragraph./p /body /html HTML语言简介 实例一解释 html 与 /html 之间的文本描述网页 body 与 /body 之间的文本是可见的页面内容 h1 与 /h1 之间的文本被显示为标题 p 与 /p 之间的文本被显示为段落 基本页面布局 HTML文档的基本结构 HTML HEAD 头部信息 /HEAD BODY 正文部分 /BODY /HTML HTML文档中，第一个标签是html。这个标签告诉浏览器这是HTML文档的开始。HTML文档的最后一个标签是/html，这个标签告诉浏览器这是HTML文档的终止。 在head和/head标签之间文本的是头信息。在浏览器窗口中，头信息是不被显示的。 在title和/title标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。 在body和/body标签之间的文本是正文，会被显示在浏览器中。 有些标签需要加上参数，有些不要。如 font size=+2Hello/font ————参数只可加于起始标签中 格式：标签名字 属性1 属性2 属性3…… 如： hr size=15 align=right width=“80%” 标签字母大小写皆可 基本标签 1.html/html 功能：标志文档开始和结尾的标签。 2.head/head 功能：用于包含文件的头部信息。 3.body/body 功能：文件主体标签。 4.title/title 功能：包含文件的标题。在head/head之间使用。 实例二 html head title显示在浏览器最上边蓝色条中的文本 /title /head body bgcolor=“#0000ff text=“#ff0000 p蓝色背景、红色文本/p /body /html 实例三 html head title显示在浏览器最上边蓝色条中的文本 /title /head body bgcolor=blue text=“red p蓝色背景、红色文本/p /body/html HTML中表示颜色的常量 Black white green red blue yellow Gray silver purple maroon(栗色） olive（橄榄色） teal （深绿色） lime （青绿色） agua（酒红色） fuchsia （粉紫色） 标题标签 h1…/h1 一级标题 h2…/h2 二级标题 h3…/h3 三级标题 h4…/h4 四级标题 h5…/h5 五级标题 h6…/h6 六级标题 实例四 html headtitle标题/title/head body h1一级标题/h1 h2二级标题/h2 h3三级标题/h3 /body /html 换行标签 br换行标签 实例五： 修改实例五，加入br换行 段落标签 p /p 功能：创建一个段落，将文本按照段落的格式显示在浏览器上。 属性：align对齐方式 center right left p align = “cente