本资源主要介绍了网页基础知识中的表单页面基本结构,以及HTML的基本标签,旨在帮助学习者掌握创建静态商业网站的技能。
在网页设计中,表单页面是用户与服务器交互的重要部分。表单通常用于收集用户数据,如用户名、密码或其他信息。表单的定义使用`<FORM>`标签,其中`METHOD`属性指定数据提交的方式,常见的方法有`POST`和`GET`。`ACTION`属性则指定了接收并处理表单数据的服务器端程序的URL。例如:
```html
<FORM action="http://www.sohu.com" method="post">
...
</FORM>
```
在这个例子中,表单数据将通过`POST`方法发送到"http://www.sohu.com"这个URL。
`POST`方法和`GET`方法的主要区别在于安全性与数据可见性。`POST`方法提交的数据不会显示在URL中,相对更安全,适合处理敏感信息;而`GET`方法提交的数据会出现在URL后面,不适合传递机密信息,但它的优点是数据可被浏览器记录和书签,便于回退。
HTML是超文本标记语言,是构建网页的基础。一个简单的HTML文件的基本结构如下:
```html
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
</head>
<body>
网页内容
</body>
</html>
```
`<HTML>`标签是整个文档的根元素,`<HEAD>`部分包含了文档元信息,如`<TITLE>`标签定义了网页的标题,显示在浏览器的标签页上。`<BODY>`标签内的内容是用户可见的网页主体,可以包含文本、图像、链接等元素。
`<META>`标签常用于设置字符编码,防止网页显示乱码。例如:
```html
<HEAD>
<META http-equiv="Content-Type" content="text/html;charset=gb2312">
<TITLE>网页标题</TITLE>
</HEAD>
```
在这个例子中,`<META>`标签设置了文档的字符编码为GBK,确保中文字符能正确显示。
此外,HTML提供了多种标签来控制文本样式和布局,如`<H1>`到`<H6>`定义不同级别的标题,`<P>`用于段落,`<B>`和`<I>`用于加粗和斜体,`<A>`标签用于创建超链接。图像可以通过`<IMG>`标签插入,例如:
```html
<img src="image.jpg" alt="图片描述">
```
通过学习这些基础知识,你可以创建出包含文本修饰、图像展示和页面间跳转的简单网页。使用文本编辑器如记事本,按照HTML语法编写代码,保存为`.html`文件,然后在浏览器中打开即可预览效果。