前端三件套（1）-HTML

1.前端三件套与网页

前端三件套指的是：HTML，CSS，Javascript
网页页面：由三件套组成
HTML-结构-HTML是网页内容的载体（内容就是程序员放在页面上想让用户去浏览的信息，如文字，图片，视频等）
CSS-表现-用来改变内容的外观，就像网页的外衣，内容还是那个内容，但是外观有变化，比如说字体，颜色变化，背景图片，边框设置等
Javascript-行为-Javascript用来实现网页上的行动的效果，一般的交互行为，动画效果由JavaScript来实现（后续准备学习JQuery，见专题：从Javascript到JQuery）

2.HTML

2.1HTML是什么

HTML：（HyperText Mark-up Language）即超文本标签语言(超文本理解：可以展示的内容类型很多，比如括文字、图形、动画、声音、表格、链
接等）
html的基本结构：
其中，这一部分doctyre是对文档类型的说明：表示使用html；lang =“en”表示使用语言的地区 en 表示英国，en-US表示美国

其他部分分为头部与身体<head></head>与<body></body>
头部描述浏览器所需的信息（标题，编码），而主体则包含所要说明的具体内容。
注意： HTML 文件不需要编译，直接由浏览器进行解析执行

2.2HTML标签说明与使用注意

标签说明：HTML 标签一般是双标签，如<head></head>前一个标签是起始标签, 后一个标签为结束标签，两个标签之间的文本是 html 元素的内容。
还有某些标签称为"单标签",因为它只需单独使用就能完整地表达意思,如<br/>（换行）；
<hr/>（水平分割线）
HTML 元素：从开始标签到结束标签的所有代码称为HTML元素。
使用注意：
1.标签不能交叉嵌套
2.标签必须正确关闭
3.注释不能嵌套

2.3HTML常用标签

2.3.1font 字体标签

font 标签是字体标签,它可以用来修改文本的字体（face）,颜色（color）,大小(size）属性之间，顺序不做要求。
eg：字体标签使用
<font size="5px" face="楷体" color="red">字体标签使用</font>

2.3.2标题标签

标题使用 <h1> - <h6> 标签进行定义。<h1> 定义最大的标题<h6> 定义最小的标题
<h3 align="center">标签 3</h3>，其中align属性表示对齐，left: 左对齐(默认)；center :居中；right : 右对齐

2.3.3超链接标签

超链接是指从一个网页指向一个目标的链接关系，目标可以是另一个网页、相同网页上的不同位置、可以是一个图片、一个电子邮件地址，一个文件，甚至是一个应用程序。
eg：<a href="http://www.baidu.com">百度</a>此处百度是目标文字，也可以用图片（需要使用图片标签：<img src="baidu.png" width="300" border="1" alt="没找到百度"/>，详见2.3.6）
a 标签是超链接
href 属性设置连接的地址
target 属性设置哪个目标进行跳转{
target="_self">: 表示在当前页面打开超链接(默认是self)
target="_blankf">: 表示打开一个新页面来打开超链接
}

2.3.4 无序列表 ul/li

eg:

2.3.5有序列表 ol/li

eg：

2.3.6 图像标签(img)

2.3.8form(表单)标签

例如一个注册登录表单，有文本框，单选框复选框，下拉列表，按钮等等整体是一个表单。


10举例：
11举例：
12举例：
**补充说明1：表单格式化，将表单的各个属性按照你想设计的行与列的形式放入table中可以实现格式化显示**
**补充说明2：method：提交方式get/post，get会在浏览器地址栏打出信息，不安全，而且数据长度有限制，相对的post提交的数据是携带在 http 请求中不在地址栏相对安全，数据长度可以更长**