第1讲 html和css

大多数网页浏览器不要求用户输入网页中 「http://」的部分，因为绝大多数网页内容是超 文本传输协议文件。同样，「80」是超文本传输 协议文件的常用端口号，因此一般也不必写明。
一、网页制作基本概念

URL的一般格式为(带方括号[]的为可选项)： protocol://hostname[:port]/path/[;parameters][?query]#fragment
WEB程序设计
第一讲 web开发基础
HTML、XHTML和CSS
本讲内容



网页制作基本概念 HTML和CSS概述 HTML和XHTML语法 HTML文档的全局结构 HTML实例讲解
一、网页制作基本概念
1.网页元素：网页可能包括文本、图像、链 接、声音、电影或动态图像。
一、网页制作基本概念
一、网页制作基本概念
3. 网页的地址（网址）：URL



URL全称为统一资源定位符（Uniform Resource Locator），是因特网上标准的 资源的地址。 URL是用于完整地描述Internet上网页和 其他资源的地址的一种标识方法。 超文本传输协议统一资源定位符将从因特 网获取信息的四个基本元素包括在一个简 单的地址中：传送协议；服务器；端口号； 路径。
二、HTML和CSS概述
2. 关于CSS CSS即层叠样式表（Cascading Style Sheets）。它 是W3C定义和维护的标准，一种用来为结构化文档 （如HTML文档或XML应用）添加样式的可编程规范。 目前最新版本是CSS 2.1，为W3C的候选推荐标准。 下一版本CSS 3仍然在开发过程中。 1994年哈坤· 利提出了CSS的最初建议。Bert Bos与他 一起合作设计CSS。当时已经有过一些样式表语言的建 议了，但CSS是第一个含有“层叠”的主意的。在CSS 中，一个文件的样式可以从其他的样式表中继承下来。 1996年12月CSS要求的第一版本被出版。 1998年5月W3C出版了CSS第二版要求。 到2007年为止，第三版还未完备。
一、网页制作基本概念




HTTP服务器常用端口： 80/8080/3128/8081/9080，默认的端口号为 80/tcp； HTTPS（securely transferring web pages）服务 器，默认的端口号为443/tcp 443/udp； Telnet（不安全的文本传送），默认端口号为 23/tcp； FTP，默认的端口号为21/tcp； SMTP，默认的端口号为25/用端口号：1080。
二、HTML和CSS概述

HTML（HyperText Markup Language，超文本置标语言）是为 “网页创建和其它可在网页浏览器中看到的信息”设计的一种置标 语言。HTML被用来结构化信息——例如标题、段落和列表等等，也 可用来在一定程度上描述文档的外观和语义。 CSS通过给网页上的元素增加样式来起作用。样式可能包括颜色、 位置、图像、字体、空白等等。CSS是关于表现的。 HTML给网页上的每个元素合理地做出标记，定义元素在整个构架中 的功能；而CSS样式则告诉浏览器每个元素看起来应当是什么样。 我们使用HTML布局头部、段落、表单、图像和列表，逻辑地组织信 息以便用文字、图像等信息来传达自己的消息。没有CSS的HTML网 页可能看上去比较平淡粗糙，但是所有的信息和内容仍然能够有组 织且意思明确地表达出来；然而没有HTML创建正确标记而且根据语 意组织的基层材料，CSS无论如何也不能解决网页的错误编译、不 能接入和粗劣的性能。 单页的HTML内容可以用多种方法以不同的CSS规则进行样式化。
二、HTML和CSS概述
HTML发展历史 1982 年，Tim Berners-Lee 为使世界各地的物理 学家能够方便的进行合作研究，建立了HTML的 原始定义。他设计的 HTML 以纯文字格式为基础， 可以用任何文字编辑器处理，最初仅有少量标记 （TAG）而易于掌握运用。随着 HTML 使用率的 增加，人们不满足只能看到文字。1993 年，还 是大学生的 Marc Andreessen 在他的 Mosaic 浏 览器加入 <img> 标记，从此可以在 Web 页面 上浏览图片。但人们认为仅有图片还是不够，希 望可将任何形式的媒体加到网页上。因此 HTML 不断地扩充和发展。IETF用简化的SGML（标准 通用置标语言）语法进一步发展的HTML，后来 成为国际标准，由万维网联盟（W3C）维护。

一、网页制作基本概念
下表列出 protocol 属性的有效方案名称（URL定位标识说明）： http——超文本传输协议，资源在WEB服务器上。 https——用加密传送的超文本传输协议。服务器端配置了SSL。 ftp——文件传输协议，资源在FTP服务器上 file——资源在本地计算机上或匿名服务器上. news——资源在Usenet服务器上，通过 NNTP协议访问。 mailto——资源为电子邮件地址，通过 SMTP协议访问。 MMS——通过支持MMS（流媒体）协议的播放该资源。（代表软件： Windows Media Player） ed2k——通过支持ed2k（专用下载链接）协议的P2P软件访问该资 源。（代表软件：电驴） Flashget——通过支持Flashget:（专用下载链接）协议的P2P软件访 问该资源。（代表软件：快车） thunder——通过支持thunder（专用下载链接）协议的P2P软件访问 该资源。（代表软件：迅雷）
一、网页制作基本概念


典型的统一资源定位符看上去是这样的： :80/w/index.php?title=% E5%BF%B5%E8%83%E5&printable=yes 其中：

http，是协议； ，是服务器； 80，是服务器上的网络端口号； /w/index.php，是路径； ?title=%E5%BF%B5%E8%83%E5&printable=yes， 是查询。
格式说明： protocol（协议）：指定使用的传输协议。最常用的是HTTP协议，它 也是目前WWW中应用最广的协议。 hostname（主机名）：是指存放资源的服务器的域名系统 (DNS) 主 机名或 IP 地址。有时，在主机名前也可以包含连接到服务器所需的用 户名和密码（格式：username@password）。 :port（端口号）：整数，可选，省略时使用方案的默认端口，各种传 输协议都有默认的端口号，如http的默认端口为80。如果输入时省略， 则使用默认端口号。有时候出于安全或其他考虑，可以在服务器上对端 口进行重定义，即采用非标准端口号，此时，URL中就不能省略端口号 这一项。 path（路径）：由零或多个“/”符号隔开的字符串，一般用来表示主机 上的一个目录或文件地址。 ;parameters（参数）：这是用于指定特殊参数的可选项。 ?query（查询）：可选，用于给动态网页（如使用 CGI/PHP/JSP/ASP/等技术制作的网页）传递参数，可有多个参 数，用“&”符号隔开，每个参数的名和值用“=”符号隔开。 fragment（信息片断）：字符串，用于指定网络资源中的片断。例如 一个网页中有多个名词解释，可使用fragment直接定位到某一名词解释。
一、网页制作基本概念
4. 网站：网页的集合 若干网页有机整合在一起就构成网站。 衡量一个网站的性能通常从网站空间大 小、网站位置、网站连接速度、网站服 务内容等几方面考虑。 5. 网站的地址：域名 / IP地址 网页的地址由URL来描述，而网站的地址 由域名来描述。简单的说，网站的地址 即网站所使用的web服务器的ip地址或域 名。
二、HTML和CSS概述
HTML标准的版本历史 超文本置标语言（第一版）——在1993年6月发 为互联网工程工作小组（IETF）工作草案发布 （并非标准）. HTML 2.0——1995年11月作为RFC 1866发布， 在RFC 2854于2000年6月发布之后被宣布已经过 时 HTML 3.2——1996年1月14日，W3C推荐标准 HTML 4.0——1997年12月18日，W3C推荐标准 HTML 4.01（微小改进）——1999年12月24日， W3C推荐标准 ISO/IEC 15445:2000（“ISO HTML”）——2000 年5月15日发布，基于严格的HTML 4.01语法， 是国际标准化组织和国际电工委员会的标准。
二、HTML和CSS概述
3. 关于XHTML 可扩展超文本置标语言（eXtensible HyperText Markup Language，XHTML），是一种置标语 言，表现方式与超文本置标语言（HTML）类 似，不过语法上更加严格。 从继承关系上讲，HTML是一种基于标准通用 置标语言（SGML）的应用，是一种非常灵活 的置标語言，而XHTML则基于可扩展置标语言 （XML），XML是SGML的一个子集。 XHTML 1.0在2000年1月26日成为W3C的推荐 标准。
一、网页制作基本概念

常见浏览器介绍：


Internet Explorer NetScape Navigator 网景浏览器 Mozilla Firefox 火狐浏览器 Opera Web Browser Opera浏览器 其它IE核心浏览器：

市面上还有许多以IE为核心的浏览器，他们提供了 更多的功能和方便性，例如：卡片式浏览，天气预 报，弹出窗口拦截等等，流行的有：Maxthon(遨 游)浏览器、SpeedBrowser等。从根本上来说，他 们都是IE的变型，并且只能用于Windows平台。
三、HTML语法


HTML语法的构件是标记（tag）。 标记是代码，它给了元素一个名称。 HTML标记通常成对使用。比如： <p>这是一个段落</p>