列表

列表有三种：ul、ol、dl

无序列表：

ul 就是英语unordered list。无序列表的简写。 li 就是英语 list item , 列表项的意思。
无序列表图片
Ul的儿子，只能是li。但是li是一个容器级标签，li里面什么都可以放。

有序列表：

ordered list 有序列表：ol 。
ol图片
ol这个东西用的不多，如果想要表达顺序，大家一般也用ul 。

定义列表：

定义列表也是一个组标签，不过比较复杂，出现了三个标签：
dl表示定义列表。 dt表示定义标题。 dd表示定义表述词。
定义列表图片
定义列表用法非常灵活，可以一个dt配很多dd。
还可以拆开，让每一个dl里面只有一个 dt 和 dd , 这样子可以感觉清晰一些。

div和span:

div和span是非常重要的标签，div的语义是division”分割”的意思。span的语义就是span “范围、跨度”.这两个东西，都是最最重要的“盒子“。
div在浏览器中，默认是不会增加任何的效果改变的，但是语义变了，div中的所有元素是一个小区域。div标签是一个容器级标签，里面什么都能放，甚至可以放div自己。
span也是表达“小区域、小跨度“的标签，但是是一个”文本级“的标签。就是说，span里面只能放置文字、图片、表单元素。span里面不能放p、h、ul、ol、dt、div.
span里面是放置小元素的，div里面放置大东西的：
span
Div标签是最最重要的布局标签.

表单

表单就是收集用户信息的，就是让用户填写的、选择的。
form表单图片

文本框

<input type=”text” value=”默认有的值”>
Input 表示“输入“,指的是这是一个输入小控件。 Type 表示”类型“。 Value:表示默认有的值。
Text 表示“文本“，指的是类型是一个文本框的输入小控件。
实例图片

密码框

<input type=”password” />
如果type=”text” 文本框。如果type=”password” 密码框。

单选按钮

radio 是“收音机“ 的意思，input 的type的值，如果是radio 就是单选按钮。
非常像以前的收音机，按下去一个按钮，其他的就抬起来了。所以叫做“radio“。

单选按钮，天生是不能互斥的，如果想互斥，必须要有相同的name属性。Name就是“名字“。

复选框

type是checkbox。
复选框，最好也是有相同的name(虽然他不需要互斥，但是也要有相同的name)。
复选框图片

下拉列表：

Select 就是“选择“，option “选项”.
下拉列表

多行文本框（文本域）：

Text 就是“文本“, area 就是”区域“。
<textarea cols=”30” rows=”10”></textarea>
这个标签，是个标签对，对里面不用写东西。如果写的话，就是这个框的默认文字。

Cols 属性表示“columns“ 列，rows 表示rows “行”。
值就是一个数，表示多少行，多少列。

三种按钮:

按钮也是Input标签，一共有三种按钮。

普通按钮：

<Input type=”button” value=”我是一个普通按钮”>
button 就是英语“按钮“的意思，value就是”值“的意思，按钮上面显示的文字。

提交按钮：

<input type=”submit”/>
submit 就是英语“提交“的意思，这个按钮不需要写value，自动就有”提交“的文字。
这个按钮点击，真的能提交。这个表单就会被提交到，form标签的action属性中的那个页面中去。

Action 属性就是表示，表单将提交到哪里，method属性表示用什么http方法提交，有get、post两种。

重置按钮：

<input type=”reset”>
Reset 就是“复位“的意思。

label标签：

label标签图片
Input 元素要有一个id，然后label标签就有一个for属性，和id相同，就表示绑定了。这个label和input就有绑定关系了。

CSS

现在的互联网前端三层：

HTML 超文本标记语言  从语义的角度描述页面结构。
CSS   层叠式样式表    从审美的角度负责页面样式。
JS    JavaScript        交互的角度描述页面行为。

CSS整体感知

css是cascading style sheet 层叠式样式表的简写。
CSS图片
<style type=”text/css”></style>
Type 表示“类型“，text 就是”纯文本”。Css也是文本的意思。
css 对换行不敏感，对空格也不敏感。但是一定要有标准的语法。冒号,分号都不能省略。
语法：
style图片

一些常见的属性：

字符颜色：
Color:red;
Color 属性的值，可以是英语单词，比如red、blue、yellow等等；也可以是rgb、十六进制，不要着急，后几天讲。

字号大小：
	Font-size:40px;
Font 就是“字体”,size就是”尺寸”.px是“像素”。单位必须加，不加不行。

背景颜色：
	Background-color:blue;
Background 就是“背景”。

加粗：
	Font-weight:bold;
Font 是“字体” weight 是“重量”的意思，bold粗。

不加粗：
	Font-wight:normal;
Normal 就是正常的意思。

字体样式：
	Font-style:italic; 斜体
Italic 就是“斜体”。
	Font-style:normal;  默认的状态。   
	
下划线：
Text-decoration:underline;  
没有下划线：
Text-decoration:none;