经典学习html..doc

【第1天】HTML概述和基本结构 ? 学习目的：了解什么是html，html能够做什么。掌握html基本结构，能够按照html的规范独立编写一个简单的html文档。 HTML的重要性随着Intenet的飞速发展，看到了成千上万的网站，人们在浏览这些网站的时候，看到的是丰富的影像，文字，图片，这些内容都是通过一种名为html的语言表现出来的。对于网页设计和制作人员，尤其是开发动态网站的编程人员来讲，在制作网页的时候， html将是他们的基础。 HTML语言的意义：HTML即Hyper?Text?Markup?Language(超文本标记语言)的缩写，是一种用来制作超文本文档的简单标记语言。 超文本定义：超文本（Hypertext）基本上是一般的文本文件，只是在文本文件中另含有链接（Link）及其他文件的引用（Pointer），我们只要单击这些引用，即可链接其他相关文件。 HTML标签和属性HTML是由标签和属性构成的标签名属性=值/方法，它们一起用于标识各个文档部件，告诉浏览器如何显示文档。标签通过指定某块信息为段落、标题、图片或链接等来标识文档部件。各属性之间无先后次序，属性是可选的，属性也可以省略而采用默认值。 HTML文档的基本结构 HTML超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。 HTML文档基本结构示例： html !//?超文本开始标签// head !//?头开始标签// title一个简单的HTML示例/title !//?浏览器窗口标题标签// /head !//?头结束标签// body !//?主体开始标签// h1欢迎光临我的主页/h1? hr?/? font?size=7?color=red 这是我第一次做主页 /font? /body !//?主体结束标签// /html !//?超文本结束标签组成HTML文档的几个基本标签： html/html? 标签详解： 它在文档的最外层，文档中的所有文本和 html内部标签都包含在其中，它表示该文档是以超文本标识语言（HTML）编写的。现在常用的Web浏览器（如IE、360、搜狗等）都可以自动识别HTML文档，并不要求有html标签，也不对该标签进行任何操作，但是为了使HTML文档能够适应不断变化的Web浏览器，还是应该养成不省略这对标签的良好习惯。 head/head标签详解：它是HTML文档的头部标签，在浏览器窗口中，头部信息是不被显示在正用以说明文件的标题和整个文件的一些公共属性。若不需头部信息则可省略此标记，良好的习惯是不省略。 title/title标签详解：它是嵌套在HEAD头部标签中的，标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏中。 body/body标签详解：此标签之间的文本是正文，是在浏览器中要显示的页面内容，它一般不能被省略。 HTML标签的分类：HTML的标签分单标签和成对标签两种。 1)成对标签是由首标签标签名和尾标签/标签名组成的，成对标签的作用域只作用于这对标签中的文档。例：strong加粗/strong? 2)单标签的格式标签名/，单独标签在相应的位置插入元素就可以了。例：br?/? 编写HTML文档的注意事项：注意一：作为一般的原则，大多数属性值不用加双引号。但是包括空格、％号，＃号等特殊字符的属性值必须加入双引号。为了好的习惯，提倡全部对属性值加双引号（参数值为数字除外）。例：fontcolor=red?face=宋体?size=7被设置的内容/font注意二：输入始标签时，一定不要在“”与标签名之间输入多余的空格，也不能在中文输入法或全角输入状态下输入这些标签及属性，否则浏览器将不能正确的识别括号中的标志命令，从而无法正确的显示你的信息。 注意三：br?标签是单标签（意味着它没有结束标签，因此这是错误的写法：br/br）。在XHTML?中，把结束标签放在开始标签中，也就是br?/。 body标签的属性：在body和/body中放置的是页面中所有的内容，如图片、文字、表格、表单、超链接等内容。body标签有自己的属性，设置body标签内的属性，可控制整个页面的显示方式。body标签的属性列表：link：设定页面默认的链接颜色。 alink：设定鼠标正在单击时的链接颜色。blink：设定访问后链接文字的颜色。 background：设定页面背景图像。bgcolor：设定页面背景颜色。leftmargin：设定页面的左边距。topmargin：设定页面的上边距。bgproperties：设定页面背景图像是否固定，即是否随页面的滚动而滚动（fixed?scroll）。 text?:设置文本的颜色。这个是html最基础的知识，希望通过这篇文章可以