HTML即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。
首先了解html基本标签用法
-
body 指明文档主体的开始和结束。
-
head 提供了关于文档的无序信息集合。
-
title 文档的标题。
-
br 插入一个换行符。
-
div 表示一块可显示 HTML 的区域
-
dt 在定义列表中表示定义术语。
-
h1-h6 这实际上是6个标签,他们以标题样式显示文本,h1最大,h6最小。
-
hr 水平线。
-
mg 在文档中嵌入图像或视频片断。
-
input 创建各种表单输入控件。
-
p 表示一段。
-
table 说明所含内容组织成含有行和列的表格形式。
-
tbody 指明哪些行作为表格的主体。
-
td 指定表格中的单元格。
-
textarea 多行文本输入控件。
-
tr 指定表格中的一行
-
其他等
编写工具
-
Dreamweaver
Dreamweaver原Macromedia公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。它不仅是优秀的编辑器,更是优秀的代码编辑器,有代码加亮,代码提示等丰富功能,提供各种示例代码,并支持Javascript,PHP,ASP,JSP等多种脚本语言。
-
Frontpage
Microsoft公司出品的FrontPage是制作表单式网页的常用工具。FrontPage 2000是微软公司最新推出的面向21世纪网络办公自动化时代的大型套装软件Office 2000中新增的一个重要组件,也是Office 2000注重网络与Internet应用的一个重要体现。FrontPage 2000是目前最常用的中文版网页制作工具之一,简单易学。FrontPage 2000相对于前面的版本在网页向导、网页编辑、表单与框架页技术、音频与视频插件、动态HTML技术(DHTML,上世纪末兴起的一种web技术,现在已经过时)、数据库连接等方面进行了重大的改进,从而增强了网页制作的功能。
-
eclipse
Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。幸运的是,Eclipse 附带了一个标准的插件集,包括 Java 开发工具
-
UltraEdit
UltraEdit 是能够满足你一切编辑需要的编辑器。UltraEdit 是一套功能强大的文本编辑器,可以编辑文本、十六进制、ASCII 码,完全可以取代记事本(如果你的电脑足够强大),内建英文单字检查、C++ 及 VB 指令突显,可同时编辑多个文件,而且即使开启很大的文件速度也不会慢。软件附有 HTML 标签颜色显示、搜寻替换以及无限制的还原功能,一般大家喜欢用其来修改EXE 或 DLL 文件。
学习注意地方
-
结束标签忘记关闭
这个是新手最容易犯的错误了。当我们看到版面刚刚还好好的,一下子就全乱了,找不到原因,不知道哪里错误的时候。也许就是这个问题了,也是最难诊断的失误之一。验证程序有时会指向错误的开启div标签,诊断时就像大海捞针一样麻烦,在DW验证文档不能解决的情况下,只能手工一个一个去检查,比较麻烦。
-
不当的DOCTYPE声明
不声明DOCTYPE,或者在文件开始错误声明DOCTYPE,也是一个常见错误。根据一般经验,不过这个问题不大,因为大家开始做做的XHTML都是自动生成模板的,一般不会出现错误。
-
不良嵌套
嵌套就是元素里又包括元素,我们容易混淆嵌套元素的顺序。例如在div标签前启动strong标签,但又先关闭div标签。这可能不会改变版块布局,但却会使你的版块设计失效,一般来说,嵌套的层级要符合语义。不要span里面又套div等。