HTML代码入门---常见标签与使用规则
web项目:通过浏览器使用的应用程序
HTML CSS JS前端页面
HTML是英文 HyperText Markup Language 的缩写，它的意思是"超文本标记语言"，用它编写出文档的文件的扩展名是“.html”或“.htm”（微软的操作系统），他是可供浏览器解释浏览的文件格式。你可以使用记事本，写字板或者是专业的IDE如：Dreamweaver等等编辑工具来编写HTML文件。
HTML：由一些预定义的标签组成，属超文本标记语言：用来定义网页元素，比如扸，文字，表格等
标签一种称围堵标签：开始标签，结束标签、 自闭和标签（例如：）
//字体标签,字体大小只能是1到7 face为字体 颜色标签除了使用color外，也可以设置颜色的十六进制值red=#FF0000
HTML标记两端有两个符号“<”和“>”,这两个符号称为角括号。html标签通常是成对出现的，比如“”和“，前一个是开始标签，后一个是结束标签。在开始和结束标记之间的的文本是元素内容。html标记是与大小写无关的，“”和
“”所表示的意思的一样的。标记可以拥有自己的属性。属性他能够为页面上的HTML元素提供附加信息。
html的文档结构主要是有3部分组成的：
1.
标记用于html文件的最前面，用来表示html文件的开始。而的标记则是放在html的最后面，用来表示html文件的结束，两个标记必须一起使用。
2.
和和构成html文件的头部部分，在此标记对之间可以使用
在头部的
中，有另一组标签3.
和和是html文档的主体部分，在此标记可以包括“
”,“
”,“”,“
”等等众多的标记，他们所定义的文本，图片等等将会在浏览器的内容部分显示出来。两个标记必须一起使用。
下面介绍一些常用标签：
强制断行标记“
”
强制分段标记“
”
转义字符 ，代表空格“ ；
设置位置居中标签
1.标题标记
使用方法：
内容
2.设置字体标记 使用方法：内容
3.字体变化标记 使用：在文字标记中，对于文字的格式也有相当多的变化，如加粗，斜体等等。
加粗 斜体 底线
用粗体等宽字体显示文字 用较小的固定宽度显示字体
我们在使用文字标记中，对于文字的格式也有相当多的变化，如加粗，斜体等等。
用于名词解释，斜体显示 上标（比如2的立方就可以写成 23）
强调
模拟信封上的字体 加强 删除线
删除线 比默认字号大一号
比默认字号小一号 以等宽字体显示计算机程序代码
背景标签：
使用：
背景颜色
背景颜色
IMG标签是用来向网页中插入图片的
图片
![]()
序列标签：
1.无序列表< ul>
2.有序列表
- 列表项目
- 列表项目
- 列表项目
- 列表项目
- 列表项目
- 列表项目
- 列表嵌套
- 列表项目
- 列表项目
- 列表项目
- 列表项目
- 列表项目
- 列表项目
- 列表项目
- 列表项目
- 列表项目
- 列表标签
- 列表的描述
- 列表标签
- 列表的描述
- 列表标签
- 列表的描述
- 列表标签
- 列表的描述
- 列表标签
- 列表的描述
3.自定义列表
上述代码结果截图：
html中有很多特殊的字符是需要特殊的处理。
下面看几个特殊的字符处理： 转义字符 < < > > & & &qout; “ 空格
特殊的字符
<
>
&
&qout;
超链接标签：
1.连接到其他的文档
2.网页的内部链接
3.网页的外部链接
4.图片的锚点链接： 锚点链接（也叫书签链接）常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作"精准链接"的便利工具，让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时，标记锚点是最佳的方法。
标签的
type分为： text -文本框 button -按钮 submit-提交 reset-重置 password -密码 checkbox-多选 radio-单选 file -上传文件 date - 选取日、月、年 month - 选取月、年 week - 选取周和年 time - 选取 时间（小时和分钟） datetime - 选取时间、日、月、年（UTC 时间） datetime-local - 选取时间、日、月、年（本地时间）
邮箱输入框
数字输入框
数字范围输入框（进度条）
颜色选择框
下拉列表：Select标签
表单的用途 ：表单在网页上用来给访问者填写信息的，从而获得用户信息，使用网页进行交互的功能。一般是将表单设计在一个html页面中，当用户填写信息后做提交操作，于是表单的内容就会从客户端的浏览器上发送给服务器，经过服务器上的jsp或者ASP或者Cgi等处理后，再将用户所需的信息传送给客户端的浏览器上，这样网页就具有交互性了。
表单构成 :
标记是用来创建一个表单，在标记之间一切都属于表单里的内容。
action属性是处理处理程序的程序名称。
method属性是用来定义处理程序的从表单中获取信息的方法，通常有两种分别是GET和POST两种。
target属性用来制定目标窗口的。
表单的工作原理 :
1.访问者填写表单，并提交给web服务器处理；
2.在web服务器上的后台处理程序对提交后的数据进行处理；
3.后台处理程序处理完成后，会重新生成一个新的html页面发给客户端。
框架标签：frame
框架页示例
多媒体标记音频：
1、HTML4多媒体
其中： src 设置文件源 width 设置宽度 autostart 设置是否自动播放，如果是true就是自动播放，是flase不自动播放 loop 设置是否循环播放true就是循环播放，false就是不自动播放
2、HTML5多媒体
3、添加背景音乐
多媒体标记视频：
视频标签
control 属性供添加播放、暂停和音量控件。Ogg 文件，适用于Firefox、Opera 以及 Chrome 浏览器。
要确保适用于 Safari 浏览器，视频文件必须是 MPEG4 类型。 video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。
| <代表< | " 双引号 |
| © 版权符 | 段落标签 |
预编译标签:可以保持文本样子不变 |
下划线 |
| 加粗文本 | |
| 斜体文本 | 粗体等宽字体显示文本 |
| 用较小固定宽度显示文本 | 换行标签 |
最大的标题 |
二级标题 |
三级标题 |
四级标题 |
五级标题 |
六级标题 |
如何快速的用文本文件编写网页，先用记事本：先新建文本文档，后缀名为.html,打开记事本,编写网页
Hbulider快捷方式：
ctrl+/ 快速注释
alt+/ 提示键
颜色三要素：红绿蓝