1、HTML
Hyper Text Markup Language 超文本标记语言
在HTML当中存在着大量的标签，我们用HTML提供的标签，将要显示在网页中的内容包含起来。
就构成了我们的网页。
CSS：控制网页内容显示的效果
HTML+CSS=静态网页。只有展示功能
JS+Jquery=动态
内容由HTML决定，长成什么样由CSS决定
2、开始动手写HTML页面
1)、首先在桌面上随便的建一个文件。
2)、将创建的文件的名称改为.htm/.html
3)、开始写基本的框架标签
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
3、HTML标签
p标签：段落标签
 :空格
h#:标题标签
<!--要注释的内容-->:注释符
<img/>:图片标签，用来显示图片。
src:表示要显示的图片的路径
height:图片的高度 px
图片的宽度 px
alt:当图片由于某些原因显示失败的时候所显示的文本
title:当光标移动到图片上的时候显示的文本
<hr/>:水平分割线
<br/>:换行
>:>
<:<
&:&
<font></font>:字体标签 size=1~7 7最大 color=颜色 face=字体系列
<b></b>加粗
<i></i>意大利斜体
<tt></tt>打印机的字体
<u></u>下划线
<s></s>删除线
<sup></sup>上标 勾股定理
<sub></sub>下标
<code></code>代码
<pre></pre>编辑什么格式，打印还是什么 格式
<marquee></marquee>图片默认从右往左移
<marquee direction="right" behavior=（） "slide">从左向右移 移动到边界停下 很少用了，很多浏览器不兼容
a标签:超链接 href表示要连接到的地址 target:打开新网页的方式 _blank表示打开一个新网页进行跳转。_self表示在当前页面进行跳转
实现页面内部的跳转
<a name="底端" href="#顶端">回到顶端</a>
实现页面间的跳转
<a href="3.html#碗里来">快到碗里去</a>
发送邮件，启动默认邮件客户端
<a href="mailto:125944832@qq.com">发送邮件到125944832</a>
4、body当中的属性
text 文本的颜色
link 超链接的颜色
alink 点击时超链接的颜色
vlink 点击后超链接的颜色
bgcolor 背景的颜色
background 背景替换成图片
5、列表
<ul></ul>无序列表 圆点
<li></li>列表
type="disk" 实心圆点
<ol></ol>有序列表 数字
type="a"从a开始排列
<dl></dl>自定义列表
<dt></dt>标题
<dd></dd>内容
<th></th>表示表格的标题(加粗)
<td>中的属性
align valign bgcolor width height colspan rowspan
<dl>
<dt>面向对象</dt>
<dd>封装</dd>
<dd>继承</dd>
<dd>多态</dd>
<dt>C#循环</dt>
<dd>for循环</dd>
<dd>foreach循环</dd>
<dd>while循环</dd>
<dd>do-while循环</dd>
</dl>
6、表格
语法
<table border="1">
<tr>
<td>单元格内容</td>
</tr>
<tr>
....
</table>
<tr></tr>表示一行
<td></td>表示单元格内容
cellspacing="0px" 每个单元格的边框于外面的边框的距离
cellpadding="0px" 单元格内的内容与单元格边框的距离
跨行跨列的表格
colspan="2" 跨列 跨2列
<table border="1" cellspacing="0px" cellpadding="0px">
<tr>
<td colspan="2">学生成绩</td>
</tr>
<tr>
<td>语文</td>
<td>98</td>
</tr>
<tr>
<td>数学</td>
<td>99</td>
</tr>
</table>
rowspn="2" 跨行 跨2行
<table border="1" cellspacing="0px" cellpadding="0px" height="200px" width="280px">
<tr>
<td rowspan="2">张三</td>
<td>语文</td>
<td>98</td>
</tr>
<tr>
<td>数学</td>
<td>95</td>
</tr>
<tr>
<td rowspan="2">李四</td>
<td>语文</td>
<td>88</td>
</tr>
<tr>
<td>数学</td>
<td>91</td>
</tr>
</table>
7、表单
<form>表单
属性 action 表示要把里面的数据提交到服务器的路径
method 表示要提交这些数据的形式
get 默认，以url提交，就是以地址栏的方式提交
<form action="www.baidu.com" method="get"> </form>
<input/>
属性
type 类型
type="text"文本框
type="password"密码
type="submit"提交 提交名改 value="提交数据"
type="reset" 重置 value="清空"
name="txtName" name="txtPwd" 需要给文本框和密码框赋值name、否则不能跳转显示在地址栏上
type="radio" 单选 name="sex" name="married" 可以给他们分组
type="file" 打开文件
<fieldset> 字段集
<legend>性别</legend> fieldset 元素的其余内容的标题
</fieldset>
<select> 下拉列表
size="2" 下拉列表默认显示2个
<optgroup label="河北省"></optgroup>选项组
<option></option>选项
</select>
<textarea></textarea> 文本框
cols 和rows属性来规定textarea的尺寸
cols规定文本区的可见宽度
rows规定文本区的可见行数
<form action="http://www.baidu.com" method="get">
用户名:<input type="text" name="txtName"/><br/>
密码:<input type="password" name="txtPwd"/><br/>
<input type="submit" value="提交到百度"/>
<input type="reset" value="清空"/><br/>
<fieldset>
<legend>性别</legend>
<input type="radio" name="sex"/>男<br/>
<input type="radio" name="sex"/>女<br/>
</fieldset>
<fieldset>
<legend>婚姻状况</legend>
<input type="radio" name="married"/>已婚<br/>
<input type="radio" name="married"/>未婚<br/>
</fieldset>
<select size="1">
<optgroup label="河北省">
<option>石家庄</option>
<option>沧州</option>
<option>保定</option>
<option>廊坊</option>
</optgroup>
<optgroup label="河南省">
<option>郑州</option>
<option>驻马店</option>
<option>洛阳</option>
<option>新乡</option>
</optgroup>
<optgroup label="湖北省">
<option>武汉</opt ion>
<option>黄冈</option>
<option>黄石</option>
<option>十堰</option>
</optgroup>
<optgroup label="湖南省">
<option>长沙</option>
<option>岳阳</option>
<option>衡阳</option>
<option>益阳</option>
</optgroup>
</select><br/>
<input type="file"/><br/>
<textarea cols="100" rows="30">
合同内容
</textarea>
</form>
8、Div+Span
能够熟练掌握css+div布局
<div>层级元素，这一行只允许我的存在，不允许其他元素存在 布局
<span>不是独占一行的标签，一般用来设置字体 样式
承载页面不能用<body>标签，要用<frameset>
noresize 不移动边框位置