type定类型，text为文本，password为密码。number为只能数字，url为网址（必须以http://https:或https://https://开头，且后面必须有内容，否则后面会报错）

placeholder 相当于一个输入框里面的提示，输入东西即会消失

rows:行数

cols:列数

<textarea rows="行数"  cols="列数">文本</textarea>

<aside>我是侧边栏</aside>

<header>我是头部标签</header>

<section>我是一个区域</section>

<footer>我是底部标签</footer>

表格创建的四个元素：  table、tr、th、td

1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。

2、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。

3、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。

4、<th>…</th>：表格的头部的一个单元格，表格表头。

5、表格中列的个数，取决于一行中数据单元格的个数。

6、border属性可以为表格添加边框，属性值为数字。

注意：

1、table标签用来定义整个表格，为双标签，必须有结束标签。

2、table标签里面可以放caption标签和tr标签。

3、caption标签用来定义表格的标题。

4、tr标签用来设置表格的行，tr里面只能放th或者td标签，一组tr标签代表一行。

5、th用来设置表格的标题，会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。

6、td同来设置表格的列，一组td标签代表一列。

7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的。

块级元素

什么是块级元素？在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素，从而使a元素具有块状元素特点。

a{display:block;}

块级元素特点：

1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）

2、元素的高度、宽度、行高以及顶和底边距都可设置。

3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

元素分类

常用的块状元素有：

<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>

常用的内联元素有：

<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

常用的内联块状元素有：

<img>、<input>

font样式的简写方式

1.必须按照这个顺序写 ：font-style | font-variant | font-weight | font-size | line-height | font-family

2.再者就是注意 要以这个font： 简写的方式写的话 必须有 font-size和font-family 这两个属性才可以生效

 body {        font:italic bold 20px/1.6em "宋体",sans-serif;    }

10、字体样式：

字体：font-family："宋体";

大小：font-size:--px;

加粗：font-weight：bold;

斜体：font-style:normal/italic(斜体)/oblique(倾斜字体);

颜色：color:red;/color:rgb(xx,xx,xx);/color:rgb(xx%,xx%,xx%);

line-height 属性设置行间的距离（行高）

"sans-serif",以保证在不同操作系统下,网页字体都能被显示。

缩写：font：bold 12px/1.5em "宋体",sans-serif;在缩写时 font-size 与 line-height 中间要加入“/”斜杠

3/4/5

换行<br/>,空格&nbsp,水平分割线<hr/>

无序列表<ul><li>,有序列表<ol><li>

图片插入<img src="图片地址" alt="下载失败是的替换文本" title="提示文本">

网页链接<a href="目标地址" title="图片滑过时显示的文本" target="">链接显示的文本</a>target="_self"当前页面打开，="_blank"新标签页打开

表格：主标题<table>,表格标题<caption>,行<tr>(语义化标签<thead>,<tbody>,<tfoot>),单元格<th>,<td>

2、语义化标签-提高代码可读性

<hx>标题标签、例如用<header><section><footer><aside>等语义化标签表示网页不同区域

7、css3介绍

html中用<!---注释->，css中用/*注释*/

css外部式链接<link href="XX.css" rel="stylesheet" type="text/css">

优先级：内联式>嵌入式>外部式

6、与用户交互

表单标签<form mothod="传送方式" action="服务器文件">

输入框<form>

            <input type="text/password" name="名称" value="文本"                palceholder=""/>

      </form>

type="text"为文本输入框，type="password"为密码输入框 ,还有type="number/url/email"等,placeholder属性为输入框占位符

文本域(例如意见栏)<textarea rows="行数" cols="列数">文本</textarea>

单/复选框<input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>checked为默认选项

<label for="控件id">修饰input标签

下拉菜单<select><option value="">显示的文本</option>

提交按键<input type="submit">  重置按钮type="reset"

9、样式的继承

例如1px solid red;等样式不具有继承性

样式选择器的优先级及权值：内联样式>id样式(100)>类选择器(10)>标签选择器(1)>通配选择器(0.1),例如p span.warning(color:red;)权值为1+1+10=12.

最高级选择器(!important)