2-HTML网页设计基础.pptVIP

HTML网页设计基础 HTML语言简介 HTML - Hyper Text Makeup Language 超文本标记语言，是Web信息的描述语言。 Web上大部分网页都是HTML格式的文档。 HTML文档的扩展名是htm或html， 是由HTML命令组成的纯文本文件。 HTML语言特征 超文本（可说明文字、图片、表格、音视频、链接等） 标记语言（浏览器根据标记显示内容） 专用于在Web上传递信息 是写给浏览器的语言，由浏览器解释并显示 编辑与运行环境 运行环境 直接运行在Web浏览器上 编辑环境 记事本 网页设计三剑客： Dreamweaver Fireworks Flash 基本语法结构及文件结构 基本语法结构： 一个HTML文件是由一系列的元素和标签组成。 文件的基本结构： html //文件开始 head //文件头 title网页标题/title //网页标题 /head //文件头 body //文件体 网页正文 /body //文件体 /html //文件结束 HTML书写注意事项 “” 和“”是所有标记的开始和结束，要成对出现。 标签和标签之间是可以互相嵌套的。 在源代码中不区分大小写。 回车键和空格键在源代码中不起作用。 属性值可以直接书写。 源代码中以“!--”开始，以“--”结束的代码为注释代码。 一个简单的HTML实例 网页的文字颜色属性text body text = 颜色值 网页背景颜色属性bgcolor body bgcolor = 颜色值 网页背景图属性background body background = 背景图片所在文件位置 链接文字颜色属性link,vlink,alink body link = 颜色 alink = 颜色 vlink = 颜色 上边距属性topmargin body topmargin = 值 左边距属性leftmargin body leftmargin = 值 示例代码如下： 一个简单的HTML实例 html head title欢迎来到我的个人网页/title /head body text = red background = bg.jpg leftmargin = 10 topmargin = 10 center欢迎来到我的站点/center /body /html 示例代码执行结果如下： 一个简单的HTML实例 html标签 html标签是HTML文档标识符，它成对出现。 首标签html和尾标签/html分为位于文档的开头和结尾处，用来表明这是一个HTML文档。 虽然常用的Web浏览器可以自动识别HTML文档，不需要这个标签，但是为了保持文档的完备性，最好保留这个标签。 head标签及其中的常用标签 head元素出现在文档的开头部分。head与/head之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 title文字/title “文字”将显示在浏览器标题栏上 meta：用于设置一些头信息 meta http-equiv=“content-type” content=“text/html;charset=gb2312” style … /style （见本课程CSS部分） 定义CSS格式 Script language=... …/Script （见本课程JavaScript部分） 用于定义脚本，比如JavaScript body标签 在body标签中可以规定整个文档的一些基本属性 body bgcolor= text= link= alink= vlink= .... bgcolor --- 背景色彩 text ---