《HTML静态网页的制作.pptVIP

第一讲： HTML静态网页的制作 管理科学与工程09级 黄妍恒（助教） Tel:1596027710 Email:hyh2008beijing@126.com 课程内容 网页制作概述 HTML基础 --什么是HTML教程 --HTML标签 --HTML元素 --HTML属性 --HTML注释与代码格式 --HTML颜色 CSS介绍 网页制作概述 HTML是Web页面的描述性语言 CSS则是为HTML制定样式的机制 JavaScript是具有交互性Web设计的最佳选择 都可以独立编写 CSS和JavaScript还有PHP都可以嵌入在HTML中应用 都是文本文件 什么是 HTML HTML 是用来描述网页的一种语言。 --HTML 指的是超文本标记语言 (HypeText Markup Language) --标记语言是一套标记标签 (markup tag) --HTML 使用标记标签来描述网页 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 --HTML 标签是由尖括号包围的关键词，比如 html --HTML 标签通常是成对出现的，比如 b 和 /b --标签对中的第一个标签是开始标签，第二个标签是结束标签 --开始和结束标签也被称为开放标签和闭合标签 HTML 元素 HTML 元素指的是从开始标签到结束标签的所有代码。 --有的标签不需配对与结束，如：br、hr 大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。 --a href=“www.xsphp”b地址/b/a HTML 文档由嵌套的 HTML 元素构成。 如何编写一个HTML文档 只需在文本文档中编辑HTML代码将文件的后缀名改为.html或.htm并保存生成一个浏览网页，将其打开即可。 HTML属性 HTML 标签可以拥有属性。 属性总是以名称/值对的形式出现，书写形式为：属性=属性值。比如：name=value。 属性总是在 HTML 元素的开始标签中规定。 --例如:HTML 链接由 a 标签定义。链接的地址在 href 属性中指定： a href= 属性和属性值不区分大小写。 属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。 一个标签有多个属性，属性间用空格隔开。 HTML注释与代码格式 HTML文档注释：!-- 注释 -- --在注释中不能再有注释 --在注释掉的标记之后要保证还是结构完整的文档 HTML的代码格式 --任何回车或空格在源代码中都不起作用 --使用回车或空格进行代码排版，可以使代码更清晰 HTML颜色 HTML颜色的设置 由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。每种颜色的最小值是 0（十六进制：#00）。最大值是 255（十六进制：#FF）。如： #FF00BB（rgb） 设置颜色时可以是一个关键字:W3C 的 HTML4.0 标准支持 16种颜色名的关键字：aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。 介绍HTML中的几个元素 表格 列表 表单 框架 表格 table border=1 tr td第一格/td td第二格/td /tr !--第一行-- tr td第一格/td td第二格/td /tr !--第二行-- /table 列表 无序列表 ul li列表项/li li列表项/li /ul 有序列表 ol li列表项/li li列表项/li /ol 表单 复选框 单选按钮 下拉列表 创建按钮 文本域 框架 垂直框架（cols） frameset cols=25%,50%,25% frame src=a.html frame src=b.html frame src=c.html /frameset 水平框架（rows） 混合框架 frameset rows=50%,50% frame src=a.html frameset cols=25%,75% frame src=b.html frame src=c.html /frameset /frameset CSS介绍 CSS（Cascading Style sheets） 是一种用来表现HTML样式的语言 它不能独立使用，需与标识语言一起使用 定义网页的外观和布局（字体，背景，文本，位置，边框，列表及其它） 用浏览器解释的语言 实验一：HTML的综合应用 组织形式：