1.什么是前端
前端对于网站来说，通常是指，网站的前台部分包括网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，现在最新的高级版本HTML5、CSS3，以及SVG等。
2.什么是html
HTML的全称是Hyper Text Mark-up Language，超文本标记语言。
超文本：页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
标记：与之相对是的编译型语言，标记型语音无需编译，直接可以被解析展示。
特点
可以设置文本的格式，比如
可以创建列表标题、字号、文本颜色、段落等等
可以插入图像和媒体
可以建立表格
超链接，可以使用鼠标点击超链接来实现页面之间的跳转
head，title，meta标签
head:用来包含文件的基本信息，比如网页的标题、关键字。
在内可以放、、等等标记
注意：在标记内的内容不会在浏览器中显示
title:显示在浏览器的窗口的左上角的标题
meta:页面的元信息（meta-information）
常见的属性：author，keywords，description
注意：meta标记必须放在head元素里面
body标签
body：HTML文档的主体标记，...是网页的主体部分，在此标记之间可以包含如、、
、
等等标记，正是由这些内容组成了我们所看见的网页
body标记的常见属性
bgcolor:设置背景颜色
text:设置文本颜色
link:设置连接颜色
vlink:已经访问了的链接颜色
alink:正在被点击的链接颜色
文本标签
:标题标记,n的范围1~6，不同级别对应显示大小不同的标题，h1最大
字体设置标记,三个常用属性size,color,face（字体）
:粗字体标记
:斜字体标记
:文字下标字体标记
:文字上标字体标记
:打印机字体标记
:引用方式的字体，通常是斜体
:表示强调，通常显示为斜体字
:表示强调，通常显示为粗体字
:小型字体标记
:大型字体标记
:下划线字体标记
格式标签
：强制换行标记,让后面的文字、图片、表格等等，显示在下一行
：换段落标记，由于多个空格和回车在HTML中会被等效为一个空格，HTML要换段落用
：居中对齐标记，让段落或者是文字相对于父标记居中显示
：预格式化标记
：列表项目标记，配合和
使用，可以嵌套使用
：有序列表标记，属性:type="1/A/a/I/i",value="指定序列数字起始值"
：水平分割线标记
：定义型列表，配合使用
：分区显示标记，也称之为层标记
![]()
:图像标签
常用属性：
src：指定我们要加载的图片的路径和图片的名称以及图片格式
width：指定图片的宽度，单位px、em、cm、mm
height：指定图片的高度，单位px、em、cm、mm
border：指定图标的边框宽度，单位px、em、cm、mm
alt：三个作用：
1.当网页上的图片被加载完成后，鼠标移动到上面去，会显示这个图片指定的属性文字
2.如果图像没有下载或者加载失败，会用文字来代替图像显示
3.搜索引擎可以通过这个属性的文字来抓取图片
注意：
![]()
为单标记，不需要使用闭合
在加载图像文件的时候，文件的路径或者文件名文件格式错误，将无法加载图片
:超链接标签
打开方式" name="页面锚点名称" >链接文字或者图片
常用属性：
href：链接的地址，链接的地址可以是一个网页，也可以是一个视频、图片、音乐等等
target：定义超链接的打开方式
_blank：在一个新的窗口中打开链接
_seif(默认值)：在当前窗口中打开链接
_parent/_top：在父窗口/顶层窗口中打开页面（框架中使用较多）
name：指定页面的锚点名称（访问定义好的锚点，连接需要加#）
可以包围在Img标签外部，让img有链接作用
表格使用结构
：表格
：表名称
：表格的一行
| | ：表格的两个单元格，th表示列名单元格
| | ：表格的两个单元格，td表示普通单元格
表格属性
width：表示表格的宽度，他的值可以是像素（px）也可以是父级元素的百分百（%）
height：表示表格的高度，他的值可以是像素（px）也可以是父级元素的百分百（%）
border：表示表格外边框的宽度
align：表格的显示位置(left,center,right)
cellspacing：单元格之间的间距，默认是2px，单位像素
cellpadding：单元格内容与单元格边框的显示距离，单位像素
frame：控制边框最外层的四条框void,above,below,hsides,lhs,rhs,vsides,box,border
rules：控制如何显示单元格内边框none,groups,rows,cols,all
bgcolor：表格的背景颜色
和 | 都是单元格的标记，其必须嵌套在标签内，是成对出现
两者的区别
是表头标记，通常位于首行或者首列， | 中的文字默认会被加粗，而 | 不会
| 是数据标记，表示该单元格的具体数据
共同之处
两者的标记属性都是一样的
bgcolor：设置单元格背景
align：设置单元格对齐方式
valign：设置单元格垂直对齐方式
width：设置单元格宽度
height：设置单元格高度
rowspan：设置单元格所占行数
colspan：设置单元格所占列数
form
定义表单的开始位置和结束位置，表单提交时的内容就是表单中的内容
常用属性
name：表单名称
method：传送数据的方式，分为post和get两种方式
get方式：get方式提交时，会将表单的内容附加在URL地址的后面，所以限制了提交的内容的长度，不超过8192个字符，且不具备保密性
post方式提交时，将表单中的数据一并包含在表单主体中，一起传送到服务器中处理，没有数据大小限制
action：表单数据的处理程序的URL地址
enctype：设置表单的资料的编码方式
target：和超链接的属于类似，用来指定目标窗口
input
input常用表单类型，具体类型根据type参数决定
常用属性
type：多种类型，如下
text：默认值，表示文本框
password：密码框
submit：提交按钮
button：普通按钮
radio：单选按钮，可以使用cheked属性来设置默认选中项
checkbox：复选按钮，可以使用cheked属性来设置默认选中项
hidden：隐藏域，用于某些数据无需展示，但是可能需要提交到后台使用
name：定义控件的名称，很重要，以键值对提交数据时，该name就是key
value：初始化值，打开浏览器时，文本框中的内容，编辑修改后，value也会变化
size：设置控件的长度
maxlength：输入框中最大允许输入的字符数
select下拉列表
格式
属性
multiple：表示用可以多选的下来列表，如果没有这个属性就只能单选
size：设置列表的高度
name：定义这个列表的名称，以键值对提交数据时，该name就是key
option标签
value：给选项赋值，指定传送到服务器上面的值（键值对中的value）
selected：指定默认的选项
textarea多行文本域
属性
rows：显示的行数，单位是字符个数
cols：显示的列数，单位是字符个数
frameset
框架将浏览器划分成不同的部分，每一部分加载不同的网页，实现在同一浏览器窗口中加载多个页面的效果
常用属性
cols：
使用“像素数”和%分割左右窗口，“*”表示剩余部分
使用“*”，“*”表示框架平均分成2个
使用“*”，“*”，“*”表示框架平均分成3个
rows：使用“像素数”和%分割上下窗口，“*”表示剩余部分
frameborder：指定是否显示边框，0不显示，1显示
border：设置边框的大小，默认值5像素
frame
子窗口标签
是一个单标记，
必须放在 | |
