摘要:向服务器提交表单的通常做法是使用提交按钮。规定浏览器应该自动完成表单默认开启。规定在提交表单时所用的方法默认。规定识别表单的名称对于使用。表单元素表单元素是允许用户在表单中输入内容比如文本域下拉列表单选框复选框等等。
网页的组成
结构(HTML):超文本标记语言
表现(CSS):层叠样式表
行为(JavaScript):脚本语言
一个良好的网页要结构、表现、行为三者分离
HTML简介是一种用于创建网页的标准标记语言。
您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。
HTML 不是一种编程语言,而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面
HTML基本语法title 我的第一个标题
我的第一个段落。
声明为 HTML5 文档 元素是 HTML 页面的根元素 元素包含了文档的元(meta)数据,如 定义网页编码格式为 utf-8。元素描述了文档的标题 元素包含了可见的页面内容元素定义一个大标题
元素定义一个段落
HTML中的标签分为成对出现的标签和自结束标签
HTML中的标签不区分大小写,但是建议小写
标签可以嵌套但不能交叉嵌套
成对出现的标签必须正确关闭
属性必须有值且值必须加引号
注释不能嵌套
HTML属性标签不区分大小写,但建议小写
标签可以嵌套,但不能交叉嵌套
成对出现的标签必须正确关闭
我要红 我要红2 我要红3 -->
HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现,比如:name="value"。
属性 | 描述 |
---|---|
class | 为html元素定义一个或多个类名(classname)(类名从样式文件引入) |
id | 定义元素的唯一id |
style | 规定元素的行内样式(inline style) |
title | 描述了元素的额外信息 (作为工具条使用) |
~div标签
p标签我是div标签,我主要用来布局,我默认占用浏览器的一整行
转义字符我是一个段落,我默认也是占用浏览器的一整行,而且前后要空一行
标签换行(新行):这个
段落
分行
小于号:< 大于号:> 空格: 版权符:©列表
无序列表
• 通过img标签向网页中插入一张图片 • alt属性:用来设置当图片无法显示时的描述性信息 • src属性:用来设置图片的路径 • 在相对路径中,通过../来返回上一级目录,返回多级目录使用多个../超链接
这是一个链接 • 使用a标签来创建一个超链接 • href属性:用来设置要跳转的页面的地址 • targe属性:用来设置要跳转的页面在何处打开 • _self:在当前窗口打开,默认值 • _blank:在新的窗口打开表格
标签 | 描述 |
---|---|
table | 定义表格 |
th | 定义表格的表头 |
tr | 定义表格的行 |
td | 定义表格单元 |
caption | 定义表格标题 |
colgroup | 定义表格列的组 |
col | 定义用于表格列的属性 |
姓名 | 阵营 | 职业 | 武器 |
---|---|---|---|
刘备 | 蜀 | 蜀汉集团董事长 | 双股剑 |
诸葛亮 | 蜀汉集团CEO | ||
关羽 | 荆襄总裁 | 青龙偃月刀 | |
张飞 | 阆中销售经理 | 丈八蛇矛 |
表单是一个包含表单元素的区域。表单本身并不可见。
from标签 | 描述 |
---|---|
form | 定义供用户输入的表单 |
属性:
Action 属性
action 属性*定义在提交表单时执行的动作。
向服务器提交表单的通常做法是使用提交按钮。
通常,表单会被提交到 web 服务器上的网页。
在上面的例子中,指定了某个服务器脚本来处理被提交表单:
如果省略 action 属性,则 action 会被设置为要跳转的页面。
Method 属性
method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST):
GET(默认方法):
如果表单提交是被动的(比如搜索引擎查询),并且没有敏感信息。
当您使用 GET 时,表单数据在页面地址栏中是可见的:
`action_page.php?firstname=Mickey&lastname=Mouse`
注释:GET 最适合少量数据的提交。浏览器会设定容量限制。
POST:
如果表单正在更新数据,或者包含敏感信息(例如密码)。
POST 的安全性更加,因为在页面地址栏中被提交的数据是不可见的。
属性 | 描述 |
---|---|
accept-charset | 规定在被提交表单中使用的字符集(默认:页面字符集)。 |
action | 规定向何处提交表单的地址(URL)(提交页面)。 |
autocomplete | 规定浏览器应该自动完成表单(默认:开启)。 |
enctype | 规定被提交数据的编码(默认:url-encoded)。 |
method | 规定在提交表单时所用的 HTTP 方法(默认:GET)。 |
name | 规定识别表单的名称(对于 DOM 使用:document.forms.name)。 |
novalidate | 规定浏览器不验证表单。 |
target | 规定 action 属性中地址的目标(默认:_self)。 |
表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
input类型:
标签 | 描述 |
---|---|
input | 定义输入域 |
text | 文本输入的单行输入字段 |
password | 定义密码字段 |
chekbox | 定义复选框 |
radio | 定义单选按钮输入(选择多个选择之一) |
submit | 定义提交按钮(提交表单) |
reset | 定义重置按钮 |
属性:
属性 | 描述 |
---|---|
type | 表单项的类型 |
name | 为控件命名,以备后台程序用 |
value | 提交数据到服务器的值(后台程序使用) |
selected | 设置默认被选中 |
定义下拉列表:
元素定义待选择的选项.
列表通常会把首个选项显示为被选选项.
selected 属性来定义预定义选项。
textarea定义多行输入字段(文本域):
button
定义可点击的按钮:
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/77901.html
摘要:三开发工具的使用使用技巧编辑器四介绍的概述全称,翻译为超文本标记语言,它不是一种编程语言,是一种描述性的标记语言,用于描述超文本内容的显示方式。【转】01-html介绍和head标签主要内容web标准浏览器介绍开发工具介绍HTML介绍HTML颜色介绍HTML规范HTML结构详解一、web标准web准备介绍:w3c:万维网联盟组织,用来制定web标准的机构(组织)web标准:制作网页遵循的规范...
摘要:网站信息页面需求分析我们公司的需要一个对外宣传的网站介绍介绍公司的主要业务公司的发展历史公司的口号等等信息技术分析概述超文本标记语言超文本比普通文本功能更加强大可以添加各种样式标记语言通过一组标签来对内容进行描述关键字是由浏览器来解释执行静 1.网站信息页面 1.1需求分析: 我们公司的需要一个对外宣传的网站介绍,介绍公司的主要业务,公司的发展历史,公司的口号等等信息 1.2技术分析:...
摘要:单位介绍既然扯到了这个单位,那就有必要先解释下这个单位具体含义,上的解释注意图中的画线部分,这个单位需要高版本的浏览器支持,不过,一般用于移动端布局,所以,基本上无需考虑浏览器版本问题,放心用吧。相对于根元素的大小,自动计算出其具体值。 A. 先看一个函数: /* * 设置根元素字体大小 * @param Number minSW 最小缩放的设备屏幕宽度 * @param Nu...
阅读 1993·2023-04-25 19:03
阅读 1179·2021-10-14 09:42
阅读 3346·2021-09-22 15:16
阅读 889·2021-09-10 10:51
阅读 1464·2021-09-06 15:00
阅读 2366·2019-08-30 15:55
阅读 434·2019-08-29 16:22
阅读 862·2019-08-26 13:49