前端系列之HTML基础知识概述

1、什么是HTML

HTML:Hyper Text Markup Language 超文本标记语言。

超文本:功能比普通文本更加强大。

标记语言:使用一组标签对内容进行描述的语言,它不是编程语言。

2、HTML能干什么

HTML用于编写网页,平时上网通过浏览器我们看到的大部分页面都是由html编写的。在浏览器访问网页时,可以通过“右键/查看网页源代码”看到具体的html代码。

网页内容包含:HTML代码、css代码、JavaScript代码等内容。

HTML代码:用于展示需要显示的数据。

css代码:使显示的数据更佳好看。

JavaScript代码:使整个页面显示的数据具有动画效果。

网页根据内容是否改变分为:静态页面、动态页面

3、HTML语法和规范

HTML文件都是以.html或者.htm结尾的。建议使用.html结尾。

HTML文件分为头部分(head)和体部分(body)。

HTML标签都是由开始标签和结束标签组成。

HTML标签不区分大小写,建议使用小写。

4、HTML语言特点

HTML文件不需要编译,直接使用浏览器阅读即可过 HTML文件的扩展名是*.htm。

标签是预先定义好的,我们只需要了解其功能即可。通常情况下标签由开始标签和结束标签组成。例如:标签名不区分大小写。

如果没有结束标签,建议以/结尾。HTML结构包括两部分: 头head和体body

5、HTML 文本标签

6、HTML表单

(1)、表单标签:

表单标签,在html页面创建一个表单,表单标签在浏览器上没有任何显示。如果数据需要提交到服务器,负责搜集数据的标签必须存放在表单标签体内容。

1)、action属性:请求路径,确定表单提交到服务器的地址(路径)

2)、method属性:请求方式。常用的取值:GET、POST

3)、数据提交:

(2)、输入域标签:

标签用于获得用户输入信息,type属性值不同,搜集方式不同。最常用的标签。

1)、type属性

2)、name:元素名,如果需要表单数据提交到服务器,必须提供name属性值,服务器通过属性值获得提交的数据。

3)、value属性:设置input标签的默认值。submit和reset为按钮显示数据

4)、size:大小

5)、checked属性:单选框或复选框被选中

6)、readonly:设置为仅可读

7)、disabled:是否可用

8)、maxiength:允许输入的最大长度

(3)、下拉列表标签:

下拉列表。可以进行单选或多选。需要使用子标签指定列表项

1)、name属性:发送给服务器的名称

2)、multiple属性:不写默认单选,取值为"multiple"表示多选

3)、size属性:多选时,可见选项的数目

4)、子标签:下拉列表中的一个选项(一个条目)

(4)、文本域标签:

文本域。多行的文本输入控件。

(5)、按钮标签:

按钮标签一般很少使用,提供“普通重置提交”功能,不同的浏览器默认值不同。

同步更新:

http://120.79.207.130/blog/10

http://www.cnblogs.com/compassblog/p/8448862.html

每一步成长,都想记录与分享

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180214G125RG00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券