HTML学习

一、什么是HTML

HTML（HyperText Markup Language，超文本标记语言）是用来描述网页的一种语言，它不是一种编程语言，而是一种标记语言。

HTML中不区分大小写，但是我们一般都使用小写

W3C：World Wide Web Consortium（万维网联盟）

W3C标准包括：

1、结构化标准语言（HTML、XML）

2、表现标准语言（CSS）

3、行为标准（DOM、ECMAScript）

基本结构：

 、等成对的标签，分别叫开放标签和闭合标签。

二、HTML5标签 2.1、标题标签

这是一级标题
这是二级标题
这是三级标题
这是四级标题
这是五级标题
这是六级标题

2.2、段落标签

这是一个段落

2.3、换行标签

2.4、水平线标签

2.5、字体样式标签

2.6、特殊符号

2.7、链接标签

标签名字

常见属性：href（规定链接的目标url）、target（在何处打开目标url，一般为_blank和_self）

2.8、图像标签

2.9、锚链接

顶部

回到顶部

2.10、列表标签

2.11、表格标签

2.12、媒体元素标签

2.13、iframe内联框架

点击跳转

三、页面结构分析

元素名	描述
header	标记头部区域的内容
footer	标记脚部区域的内容
section	Web页面中的一块独立区域
article	独立的文章内容
aside	相关内容或应用（常用于侧边栏）
nav	导航类辅助内容

四、表单 4.1表单的基础信息

结果如下：

4.2表单元素格式

属性	说明
type	指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image和button，默认为text
name	指定表单元素的名称
value	元素的初始值，type为radio时必须指定一个值
size	指定表单元素的初始宽度。当type为text或password时，表单元素的大小以字符为单位。对于其他类型，宽度以像素为单位
maxlength	type为text或password时，输入的最大字符数
checked	type为radio或checkbox时，指定按钮是否是被选中

4.2.1单选框

性别：
    男
    女

结果如下：

4.2.2多选框及按钮

爱好：
    睡觉
    代码
    聊天
    游戏



按钮：
    
    

结果如下：

4.2.3下拉框、文本域、文件域

国家：
    
        中国
        美国
        瑞士
        英国
    


文本域：
    文本内容


文件域：
    

selected代表默认选项。（类似于checked）

结果如下：

4.3一些表单的简单验证

邮箱：
    


url:
    


数量：
    



音量：
    


搜索：
    

结果如下：

 输入内容后，浏览器会对内容进行简单的验证。

要注意到表单input标签里面的name值很重要。

readonly添加只读属性

disabled添加禁用属性

required添加必填属性

pattern添加正则表达式来验证表单

hidden可以隐藏域

placeholder可以添加表单填写时的提示信息