HTML基础教程:表单控件与页面构建

需积分: 17 10 下载量 134 浏览量 更新于2024-08-17 收藏 809KB PPT 举报
"HTML与JSP基础知识,特别是关于表单中的控件和HTML语言的介绍" 在HTML中,表单是收集用户数据的重要手段,而表单中的控件则是构成表单的基本元素。以下是对这些控件及其相关属性的详细解释: 1. **表单输入控件标记** `<input>`: - `<input>` 标签是创建不同类型的输入字段的基础,通过改变`type`属性,可以创建多种类型的控件,如文本输入、密码输入、复选框、单选按钮等。 - `type="text"` 创建单行文本框,用户可以在此输入文本。 2. **单行文本框属性**: - `name`: 定义文本框的名称,它在处理表单时用于识别特定的输入字段。 - `value`: 设置文本框的初始值,即用户打开表单时看到的预填充文本。 - `default value`: 这是文本框的初始值的另一个表述,但HTML5中并不推荐使用,通常使用`value`属性替代。 - `size`: 指定文本框的宽度,以字符数为单位。 - `maxlength`: 设置用户可以在文本框中输入的最大字符数,超出此限制后无法继续输入。 HTML,全称为HyperText Markup Language,是一种用于创建网页的标准标记语言。它的起源可以追溯到1990年由Tim Berners-Lee和Daniel W. Connolly创建的SGML子集。HTML是一种声明式语言,这意味着我们只需要标记文档的结构,而不是指示如何显示它。 编写HTML页面非常简单,只需使用任何文本编辑器(例如记事本、EditPlus或专业软件如Dreamweaver、FrontPage)创建一个新文件,并将其保存为`.html`或`.htm`扩展名。在客户端浏览器中,用户可以查看并交互这些页面的源代码。 HTML的编辑环境包括两种主要类型: - **所见即所得的编辑器**,如Dreamweaver和FrontPage,它们提供了直观的界面,可以直接看到页面布局。 - **文本编辑工具**,如记事本或EditPlus,更适合熟练的开发者,它们提供更精确的代码控制。 HTML的运行环境主要是各种浏览器,如Internet Explorer 6、Firefox 1.5等。不过,由于不同浏览器对HTML的解析和支持存在差异,开发时应遵循标准,避免使用非标准的HTML标记。 HTML文件的基本结构由`<html>`、`<head>`和`<body>`标签组成: - `<html>` 标签是整个HTML文档的容器,包含所有其他元素。 - `<head>` 标签包含了文档的元信息,如标题、样式表和脚本等。 - `<body>` 标签则包含实际可见的网页内容。 在`<head>`中,`<title>`定义了浏览器标题栏显示的网页标题,`<style>`用于定义CSS样式,`<script>`引入JavaScript代码,而`<meta>`标签提供了关于网页的额外信息,如字符编码、关键词等。 HTML是构建网页的基础,而JSP(JavaServer Pages)则是在服务器端处理动态内容的Web技术。理解这些基础概念对于任何Web开发人员来说都是至关重要的。