又来了! 这里有一个简单的概述 介绍HTML,最基本的 HTML所需的元素, HTML的常用元素. 正如前几篇关于web开发基础的文章所讨论的,网站是建立在这个基础上的 HTML,而HTML则围绕着标记. Tags are not displayed on your browser; they’re used in the code to label pieces of content.

现在我们准备深入到网页的中间元素. 这些元素开始使您的页面看起来像是投入了一些真正的努力. 一些最常见的中间元素包括:

HTML表单

表单用于从用户那里收集信息. 这些注册可以从只需要一个电子邮件地址的简单时事通讯注册, 一个非常复杂的, 多步骤的调查. 表单有三个基本元素:表单标签, 数据的输入标记, 以及用于提交表单的输入标记. 您也可以包含标签标签,但它们不是强制性的.

这里有一个简单的时事通讯注册表单的例子:

电子邮件:

The form tag

surrounds all the inner label and input tags, 通常有两个属性:动作和方法.

  1. Action:此属性用于指定“Form Handler”文件, 服务器端代码语言通常是什么. 在本例中,我们使用PHP. 服务器端代码语言将根据你的网页所处的服务器类型而有所不同. “Form Handler”文件中的代码执行诸如输入验证之类的操作, 错误处理, 将数据保存到数据库中, 和更多的.
  2. Method:此属性指定提交表单时使用的HTTP方法. 只有两种选择:get或post. 解释这些差异是非常高级的(很可能会占用一整篇博文), 但最基本的概述是:
    • 当需要从网站的数据库中请求数据时,使用“Get”.
    • 当数据需要保存到网站的数据库时,使用“Post”.

输入标记是一个自关闭标记(意味着它不需要关闭标记),它至少需要两个属性:名称和类型.

  1. Name:此属性用于输入的名称. 这个名称应该总是唯一的. 换句话说,确保同一表单中的另一个输入不要使用相同的名称. 在将表单提交给表单处理程序时,这样做可能会导致问题.
  2. Type:该属性用于表示请求的输入类型. 有很多“类型”可供选择,但我们现在只关注基本的:
    • Text创建单行文本输入.
    • Textarea创建一个文本框输入.

Ex:

提交输入是一种特殊情况,需要属性:type和value.

Ex:

您可以在这里了解关于所有不同输入类型的更多信息.

如何设置工作表单通常取决于所处理的服务器端编码语言, 所以我们到此为止.

HTML内嵌框架

iframe标记是一种非常有趣的HTML标记类型. 这些标签通常用于将其他网站嵌入到你的网站中. 在你看到实际使用的例子之前,可能会非常困惑, 但首先, 让我们看一个代码示例:

代码:

即使iframe元素有开始和结束标记, 您不需要在标记中添加任何内容,因为所有内容都是用属性设置的. 您需要的最小属性是“src”属性, 哪个告诉iframe从哪个url提取内容. 看看下面两个常见的例子:

这是一个YouTube嵌入的例子:

代码:

下面是谷歌Map嵌入的一个例子:

代码:

这就是我们所能讲的关于网页元素的内容,而不会让你感到晕头转向, 就是这样了, 朋友. Melz,签署了.