网页编程技术_第2章 使用html编写网页.ppt
上传人:qw****27 上传时间:2024-09-12 格式:PPT 页数:83 大小:1.8MB 金币:15 举报 版权申诉
预览加载中,请您耐心等待几秒...

网页编程技术_第2章 使用html编写网页.ppt

网页编程技术_第2章使用html编写网页.ppt

预览

免费试读已结束,剩余 73 页请下载文档后查看

15 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

第2章HTML语言第2章HTML语言什么是HTML文件?为什么我们要使用小写的标签?HTM还是HTML扩展名?3.1基本结构标记3.1.1开始和结束标记<html></html>HTML文档的开始标记是<html>,它告诉浏览器下面的内容是HTML文档,在HTML文档结束处要有对应的</html>标记,它告诉浏览器HTML文档结束了。它的语法格式为<html>HTML文件的所有内容</html>实例:HTML基本结构标记3.1.2头部标记<head></head>HTML文档的头部标记是<head>,它告诉浏览器下面的内容是HTML文档的头部,显示在文本之前,而</head>标记告诉浏览器头部内容结束了。下面这些标签可用在head部分:<base>,<link>,<meta>,<script>,<style>,以及<title>以及注释。它的语法格式为:<head>HTML文档的头部内容</head>3.1.3标题标记<title></title><title>和</title>标记中间所包含的文字将成为这个Web页面的标题,一般写在头部标记之中。标题文字会显示在Web浏览器最上面的title(标题)栏上。浏览器用户可以把标题加入收藏夹中。标题文字最好使用中文并且有明确的意义。它的语法格式为<title>Web页面的标题</title>[例如]头部标记和标题标记的使用。<html><head><title>Web页面的标题</title>Web页面的标题和头部标记练习</head></html>图3.13.1.4主体标记<body></body><body>标记是Web页面主体标记的开始,并对应结束符</body>。Web页面的主要内容都出现在<body>和</body>标记之中。它的语法格式为<body>主体内容</body>实例:HTML基本结构标记3.1.5设定Web页面颜色<body>标记还具有一些可以设定Web页面背景色的属性,可使用图片/图像作背景,确定链接的颜色,设置文字的颜色等。它的语法格式为<body[bgcolor=#text=#link=#alink=#vlink=#background=图像文件名]>文档内容</body>其中,bgcolor指定HTML的背景颜色;text指定HTML文件中文字色彩属性;link指定HTML文件中待连接超链接对象的色彩属性;alink指定HTML文件中连接超链接对象的色彩属性;vlink指定HTML文件中已连接超链接对象的色彩属性;background指定HTML背景为平铺图像(这个功能最好不用,因为它会大大降低显示速度)。对于颜色的描述有三种方法用英文描述的颜色,如“red”等用#与6位十六进制数,每种颜色使用两位十六进制数,从00到FF,前两位设置红色的深浅,中间两位设置绿色的深浅,后两位设置蓝色的深浅。如红色可以表示为“#FF0000用rgb(红色整数值,绿色整数值,蓝色整数值),其中整数值都是0-255之间的整数注意:“[]”中的属性可选可不选,根据需要可以选择其中的一个、部分和全部。实例:WEB页面颜色设定3.1.6说明信息标记<meta><meta>元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。<meta>标签位于文档的头部,不包含任何内容。<meta>标签的属性定义了与文档相关联的名称/值对。必需的属性可选的属性meta可以用来说明语言字符集的信息,例如:<metahttp-equiv=“Content-Type”content=“text/html;charset=#”>,属性http-equiv描述特征名,属性content描述特征值。常用的有#=gb2312、x-mac-roman、gb3313、gb_3313-80、big5等。meta也用来描述文档的自身信息,如作者信息、过期时间、关键词列表和页面的自动刷新属性等。例如:meta基本属性利用meta实现重定向:在网址已经变更的情况下,将用户重定向到另外一个地址。3.1.7注释标记“<!”与“>”注释标记“<!”与“>”(也可写为“<!--”与“-->”),在这对注释标记符号之间的内容将不会被浏览器显示出来。注释标签用来在源文档中插入注释。注释会被浏览器忽略。您可使用注释对您的代码进行解释,这样做有助于您在以后的时间对代码的编辑。利用注释隐藏文本也可以在注释内容放针对程序所定制的信息。在这种情况下,这些信息对用户是不可见的,但是对程序来说是可用的。一个好的习惯是把样式元素放入注释文本中,这样就可避免不支持脚本或样