第二章 HTML基础介绍.docVIP

第二章? HTML基础介绍 掌握HTML文件的基本框架、语法和元素，为编写Web程序打下基础。 1 HTML文档结构 1.1 基本结构 一个完整的HTML文件包含头部和主体两个部分的内容，在头部内容里，可定义标题、样式等，文档的主体内容就是要显示的信息。 HTML文档的基本结构如下。如1.html： html head title 一个简单的HTML示例 /title /head body h1欢迎光临我的主页/h1 /body /html html标记通常会作为HTML文档的开始代码，出现在文档的第一句，而/html标记通常作为HTML文档的结束代码，出现在文档的尾部，其它的所有的HTML代码都位于这两个标记之间，该标记用于告知浏览器或其他程序，这是一个Web文档，应该按照HTML语言规则对文档内容的标记进行解释；head…/head是HTML文档的头部标记；body…/body标记之间的文本是在浏览器中要显示的页面内容。 1.2 头部内容 通常将头部标记head…/head中的内容称为“头部内容”，头部内容不直接在网页上显示，必须通过其它的方式显示，例如：网页的页面标题属于HTML的头部内容，没有显示在网页中，但是在网页的标题栏上显示。 1.2.1 设置页面标题title HTML文件标题在浏览器的标题栏中显示。每个HTML文件都有一个标题，用于说明文档的属性。在HTML文件中，页面标题标记title/title位于头部标记head/head之间。 只要在HTML文件的头部文件的title/title中输入标题信息就可以在浏览器标题栏上显示。如2.html： html head title请在此输入标题名/title /head body 请看标题栏！ /body /html 网页效果如图2-1。 图2-1 页面标题设置 1.2.2设置页面关键字keywords 在HTML文件中，meta标记通过一些属性来定义文件的信息，如文件的关键字、作者信息、网页过期时间等，HTML文件的头部文件可以有多个meta，meta标记不是成对的标记。 网页中的关键字主要是为搜索引??服务的，有时为了提高网站被搜索引擎搜到的几率，需要设置多个跟网站主体相关的关键字，例如：制作一个图书的网站，需要对图书的类型设置多个关键字。 语法格式：meta name=keywords content=value keywords用于说明定义的是关键字，value用于说明为该网页定义的关键字，可以是多个关键字。如3.html： html head title设置文件关键字/title meta name=keywords content=计算机、英语、经管、财会、职场 … /head body … /body /html 表示在该HTML文件中，定义的关键字为“计算机、英语、经管、财会、职场”，当利用搜索引擎搜索图书时，输入任何一个关键字都可以搜索到该网页。 1.2.3 设置页面跳转refresh 页面跳转就是指当前页面停留几秒钟后自动跳转至新网页。 语法格式：meta http-equiv=refresh content=秒数; url=新页面 http-equiv属性值设置为refresh时，要求显示url指定的文件；content属性包含两个值：秒数和url，它们之间用;分隔。 该链接将在指定的时间后被打开。如4.html： html head meta http-equiv=refresh content=5;url=1.html title加载新的网页/title /head body 五秒后自动刷新，进入1.html. /body /html 1.3 主体内容 在HTML文件中，主体内容被包含在成对的body/body标记之间，同时body标记也有很多本身的属性。例如设置页面背景、设置页面边距等。 1.3.1 设置页面背景bgcolor 利用body标记中的bgcolor属性，可以设置网页的背景颜色。 格式：body bgcolor= 如5.html： html head title设置页面背景/title /head body bgcolor=blue /body /html 网页效果如图2-2。 图2-2 页面背景设置 bgcolor属性值可以是英文例如red、blue、white或者十六进制数例如#00ff00等。 1.3.2设置页面边距topmargin、leftmargin、rightmargin、bottomnargin 在HTML文件中，可以设置页面边距，通过设置页面边距属性的属性值来设置页面显示内容与浏览器的距离，使显示的内容更加美观。 格式：body topmargin=value leftm