一、什么是HTML 1.html:

超文本标记语言超文本标记语言是最基本的web语言，它全部由标签组成。

2.基本格式:

放一些属性信息和辅助信息。
引入一些外部文件。(css，javascript)
它的内容会先被加载。


存储真实数据。

3.注意事项
1)大多数标签都有一个开始标签和一个结束标签，有些标签因为只有单一功能或者没有什么可修饰的，所以可以在标签中结束。
2)如果想丰富标签修饰的内容的操作，就在标签中使用属性。通过改变属性值，增加了更多的效果选择。
3)属性和属性值用“=”连接，属性值可以用双引号或单引号也可以不用引号，一般用双引号。或公司规定书面规范。

1.排版标签

1)换行

2)

代码:

1 2 3 4排版标签5 6 7 8 9 10这是一句古诗。11

2.字体标签

1)文本内容
属性:
1)字号字体最大为7，最小为1
2)颜色
3)字体
2)标题标签

　　...
　　
　　　　从大到小字体缩小。

3）粗体
4）斜体
　　　　标签支持嵌套

代码:

1 2 3 4字体标签5 6 7 8 9 10排版标签11 文本内容
12 文本内容
13 14

这是一流的称号。

这是次要标题。

这是一个三级标题

这是一个四级标题

3.列表标签

1)dl列表标签

上级项
下级项的特点:自动对齐、自动缩进。


2)有序列表和无序列表
有序:
类型:列表前缀号
起始:从几号开始？
顺序错误:
数据输入:数据内容。
　　　　

代码:

1 2 3 4列表标签5 6 7 8 9 10 11 12 13 14列表标签15 16 上层项目17 下层项目18 下层项目19 下层项目20 21 22

有序列表

无序列表

4.图片标签

　　属性：src="图片的路径"
%20　　　　　　%20width%20显示图片的宽度
%20　　　　　　　　height%20显示图片的高度
%20　　　　　　　　alt%20图片的说明文字/Users/apple/Library/Containers/com.tencent.qq/Data/Library/Application%20Support/QQ/Users/.png
属性:src= "图片的路径"
宽度显示图片的宽度
高度显示图片的高度
图片的alt描述/users/apple/library/containers/com . Tencent . QQ/data/library/application support/QQ/users/。

代码:

1 2 3 4图片标签5 6 7 8 9 10 11 12 13 14图片标签15 16 17 18

展示:一个美丽的女人

5.超链接

角色:1)链接资源
href= " "必须指定，如果没有指定href的值，默认为file file的协议。只有您可以指定协议和链接资源。如果浏览器无法解析href中指定的协议，将调用应用程序并打开可以解析的程序。
2)定位资源
名称术语锚。

代码:

1 2 3 4超链接标签5 6 7 8 9 10 11 12 13 14百度
15啊，美女！
16联系我们
17变形金刚
18变形金刚
19 20

显示:你可以在这里造更多的字。

6.表单标签(要点)

功能:格式化数据
声明一个表格
　　属性：
　　　　1）边框 border
　　　　2）width 宽度
　　　　3）文字与内边框的距离 cellpadding

1 2 3 4表单标签5 6 7 8 9 10 11 12 13 14 18 19 20用户列表21 22序列号23 (全名)24 性别25 26 27 128 张三29 妇女30 31 32 233 李四34 男人35 3637 38

71 72 69 70 71 72	产品信息:冰箱贴75
85 86 83 84 85 86

7.表单选项卡(键)

功能:可以和服务器交互。
输入项目的内容、用户名和密码

属性:action= "提交的请求位置"
方法提交方法(get和post)如果没有写方法，默认由get提交。

get和post的区别:
1)以get形式封装的数据直接显示在url上。url上不显示发布模式数据。
2)get模式安全级别低，post级别高。
3)GET模式下的数据长度，post支持大数据。


**？Sex = on:
必须在每个输入标签中指定名称和值名称
？用户名=哈哈& pwd = 1223 &性别= nv &姬叔=html

属性:类型值可以指定很多值，每个不同的值代表一个不同的输入组件。

1)type=text文本框
2)type=password密码
3)type =单选按钮
name属性
4)type =复选框多选按钮
单选和多选都有默认值:checked = "checked"
5) type =重置按钮
6)type =提交按钮
7)type =文件上传文件条目
8)type =按钮9)type=image图片(也是提交按钮)
10)type=hidden tag(用户不需要看到它，但我们在开发时必须使用它，所以我们可以将数据封装在一个hidden tag中，与表单一起提交到后台)。

选择标签
选择下拉框
文本字段文本区域
文本内容。

8.框架标签

框架标签不能写在里面。正文不能写在框架集上。

代码:

left.html:

1 2 3 4 left.html 5 6 7 8 9 10 11 12 13 14百度15

1 2 3 4 right.html 5 6 7 8 9 10 11 12 13 14 15欢迎来到北京！！16 17 18

top.html:

1 2 3 4 顶部logo 5 6 7 8 9 10 11 12 13 14 15 16 17 18

09-htmldemo.html:

1 2 3 4框架标签5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

显示:注意这里的框架集

代码下载地址:

https://github.com/BigShow1949/02-HTML-CSS