html应用简介.docxVIP

HTML 篇一、概述HTML（HyperText Markup Language，超文本标记语言）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。由蒂姆·伯纳斯-李给出原始定义，由IETF用简化的SGML（标准通用标记语言）语法进行进一步发展的HTML，后来成为国际标准，由万维网联盟（W3C）维护。二、环境搭建2.1、环境搭建1）浏览器可以用任何一款不太落后的浏览器来学习HTML ，如 IE6 或更高版本、Firefox 3.6X 或更高版本、chrome等。2）文本编辑器HTML 的本质是文本，因此想要编写或修改 HTML ，只需要任何一款文本编辑器就可以，例如 Windows 自带的记事本/写字板。但我们推荐更为专业的文本编辑器软件，以方便 HTML 的学习。（1）Notepad++体积轻巧但功能足够强大的 Windows 文本编辑器。它可以充分的替换记事本，支持 HTML、CSS 及其他常见的程序语言如 PHP、ASP、C/C++、Java、JavaScript 等多种语法的着色显示。相对于 Dreamweaver 等所见即所得网页编辑器而言，NotePad++属于原始代码编辑器。下载地址：/download/v5.9.8.html（2）DreamweaverDreamweaver 是由 Macromedia 公司开发的一款所见即所得的网页编辑器。由于其所见则所得的特性，显得非常直观性，使用方便，容易上手。关于可视化编辑器与原始代码编辑器的比较通常，如 Dreamweaver 等可视化网页编辑器，容易上手，功能也强大。但很多条件下可能没条件直接使用可视化编辑器，而且要对 html 语言有深刻理解，也必须要对 html 原代码进行学习（还有不少公司招聘时要求有手写 html 代码的能力）。因此，我们建议，在学习 HTML 时，以源代码编辑器为主。2.2、调试案例1)在notepad++里写自己的第一个html页面（HelloWorld）(1）在notepad++中新建文件(2） 在文件中添加html代码在新建的文件中添加代码。htmlheadtitle第一个网页/title/headbodypHello Word！/p/body/html完成如下图所示。保存为网页格式的文件。当保存 HTML 文件时，既可以使用 .htm 也可以使用 .html 文件后缀。Notepad++默认保存为 .html文件。（3） 运行网页用浏览器打开保存的 .html文件，一个简单的页面就完成了。三、基础学习3.1、参考书目《网页设计语言教程（HTML/CSS）》书够老，但是绝对适合入门。注意其中CSS的部分不需看。3.2、学习过程每章学习程度：2、3、4、6、8、9章重点学习，需要敲例子；1、5、7章简单看一看；10、11、12章属于CSS范围，不需要看。各章学习概要：HTML简介，学习HTML的基本概念和基本结构；文字版面的编辑，学习页面布局、字体属性；创建超链接，学习超链接的建立、超链接的应用；图像的处理，学习img标签属性的使用；列表项目，了解无序、有序、嵌套、描述性列表；表格，学习表格的定义，表格行的控制，单元格的控制，表格的分组；窗口框架，学习窗口框架的控制；表单的设计，学习如何设计表单；网页的动态效果，学习如何设置网页的特效，如何加入多媒体，如何加入滚动的文字，如何显示Flash动画。四、练习题4.1、基础练习1）HTML 基础标签练习目的：1．了解体会html的编写。2．学习掌握html基础标签的使用。练习内容：编写页面实现：1.简单的段落；2. 使用折行和水平线；3. HTML源代码中插入隐藏的注释；4. 为HTML页面添加背景颜色。2）HTML 文本格式化练习目的：掌握html页面中文本的格式化显示。练习内容：编写页面，在页面中实现对文本的格式化显示。实现对文本的加黑，加粗，斜体，上下标的显示。使用 pre 标签对空行和空格进行控制。改变文字的方向。实现删除字效果和插入字效果。3）HTML 链接练习目的：掌握html中链接标签的使用练习内容：编写页面实现：在 HTML 文档中创建链接。使用图像作为链接。在新的浏览器窗口打开链接使用链接跳转至文档的另一个部分链接到一个邮件。4）HTML 框架练习目的：掌握html框架的构建练习内容：编写页面：1.使用三份不同的文档制作一个垂直框架。2.使用三份不同的文档制作一个水平框架。3.制作含有三份文档的框架结构，同时将他们混合置于行和列之中。4.制作导航框架。导航框架包含一个将第二个框架作为目标的链接列表。5）HTML 表格练习目的：熟练掌握表格的使用练习内容：编写页面实