网页设计HTML+CSS.docVIP

HTML+CSS 目录 第一章：HTML的基本概念 第二章：HTML的语法基础 第三章：页面基本元素 第四章：文本和段落元素 第五章：列表元素 第六章：图像元素 第七章：表格元素 第八章：链接元素 第九章：表单元素 第十章：框架元素 第十一章：CSS的概念 第十二章：CSS的语法 第十三章：CSS控制文本的显示 第十四章：CSS控制列表元素的显示 第十五章：CSS控制表格元素的显示 第十六章：CSS控制元素的大小 第十七章：CSS控制元素的定位 第十八章：CSS控制元素的布局 第十九章：CSS控制其他元素的显示 第二十章：制作个人博客页面 第一章:HTML的基本概念 随着网络的不断普及,网页已经被大多数人数熟悉.大家每天浏览的各大站点都是有一页一页的网页构成的。但是这些页面时怎样搭建起来的呢？又是怎样显示的呢？其实网页是有一种简单的标记语言HTML构成的。本章将讲解HTML的基本概念，以及开发HTML所使用的软件的相关知识。 本章主要内容； HTML的概念 HTML和网页的关系 HTML的编译环境 HTML示例。 1.1：什么是HTML? HTML的英文全称是Hyper Text Markup Language,直译为超文本标记语言，它是全球广域网上描述网页内容和外观的标准。大家在浏览网页时可能注意到很多页面的后缀名为.html，事实上HTML是一种因特网上较常见的网页制作标注性语言，他并不能算做一种程序语言，因为它缺少语言所应有的特征。HTML通过IE等浏览器的翻译，将网页中所要呈现的内容展现在用户眼前。通常所看到的五彩缤纷的网页，其实就是由一系列的HTML代码构建起来的，掌握如何编写HTML代码，就可以随心所欲地制作网页了。 1.2：HTML的发展历史 HTML的雏形是由蒂姆-本尼斯李创建的，用来解决科学家们共享网络信息的问题。最初的HTML语言以文本格式为基础，可以用任何编辑器和文字处理器来为网络创建或转换文本，仅有不多的几个标签。网络从此迅猛发展，人人都开始网上发布信息。很快人们就开始琢磨在网上放置图像和图标。 1993年，NCSA推出了Mosaic,也就是第一个图文浏览器，从此Web从此开始迅速地发展起来。HTML语言也不断产生新型。功能强大且生动有趣的标签形式，如background、frame、font和blink等。 但是此时，出现了很多不同的HTML版本，而只有设计者和用户共有的HTML部分才可以正确显示。因此在这段时间，W3C都在激烈争论名叫HTML3的新技术，该文件概括了所有全新的特性，但没有任何技术支持。处于这种混乱局面的考虑，在1996年W3C的HTML Working Group 组织编写了新的规范，从此HTML3.2开始发展，它更接近于现实的目标，即提供给内容商和浏览器发展商在研究工作中一个公允的参考标准。 到现在为止，HTML已经发展到了比较成熟的HTML4.0版本，在这个版本下的语言中，规范更加统一，浏览器之间的兼容性也更加完好。 HTML包含了一对打开和关闭的标记，在当中并有属性和值。标记描述了每个在网页上的组件，如文本段落、表格或图像。在本书中，主要讲解HTML语言各种属性和应用。 1.3：一个简单的HTML示例 一个完整的HTML文件包括标题、段落、列表、表格以及各种嵌入对象，这些对象统称为HTML元素，在HTML中使用标签来分割并描述这些元素。实际上可以说，HTML文件就是有各种HTML元素和标签组成的。 一个HTML文件的基本结构如下： html 文件开始标记 head 文件头开始的标记 …….. 文件头的内容 /head 文件头结束的标记 body 文件主体开始的标记 …….. 文件主体的内容 /body 文件主体结束的标记 /html 文件结束标记 从上面的代码结构可以看出，在HTML文件中，所有的标记都是相对应的，开头标记为，结束标记为/，在这两个标记中间可添加属性、数值、嵌套结构等各种类型的内容。 1.4：HTML与网页的关系 对照代码和网页可以发现，HTML的代码并不直接显示在网页上，而是通过某种对应的关系以网页的形式显示出来。HTML代码的作用就是建立起网页内容与最终效果之间的关系，并通过对这些关系的调整达到构建和美化内容的目的。在以后的学习中不断总结，就能做出精美的网页了。 1.5：用什么来编写和开发HTML Dreamweaver是最常见的编写HTML的工具，使用这个工具可以随心所欲地编写代码、设计网站网页以及进行高级开发。无论是喜欢写HTML代码还是习惯于可视化环境，Dreamweaver还拥有更先进的网页布局和设计环境以及更为强大的代码编辑功能