一、HTML语言
1、HTML 超文本标记语言
在HTML中存在大量的标签，我们用HTML提供的标签，将要显示在网页中的内容包含起来，就构成了我们的网页。
与CSS语言相配合使用，HTML决定要显示的内容，CSS控制网页中显示的效果。
HTML+CSS 构成静态网页，JS + JQuery 可以实现动态网页
2、开始动手写HTML页面
1）首先随便见一个记事文件
2）将创建的文件后缀改为htm或 html
3）开始基本的框架标签
<html>
<head>
<title>My first HTML</title>
</head>
<body>
人生得意须尽欢，
莫使金樽空对月。
</body>
</html>
2、HTML的标签
1）p ------ 段落标签
<p>人生得意须尽欢，</p>
<p>莫使金樽空对月。</p>2）  -----空格标签
<p>莫使金樽 空对月。</p>3）h# ---- #=1~6 ----标题标签
<h1>我是标题</h1>
<h2>我是标题</h2>
<h3>我是标题</h3>
<h4>我是标题</h4>
<h5>我是标题</h5>
<h6>我是标题</h6>
<h6>我是标题</h6>
4）<img src=path /> ----图片标签，HTML中少有的自己结束的标签
<img src="C:\Users\tufeiax\Desktop\011.jpg" width="200px" height="200px" border="1px" title="还行吧" alt="原来是美女帅哥啊" />
src：显示图片的路径
width：图片的宽度 单位--px
height：图片的高度 单位--px
title：鼠标移动到图片范围时显示的内容
border ： 图片边框 单位 --px
alt： 当图片出现显示失败时显示的内容
5）<!-- 要注释的内容 --/> 注释
<!-- 属性 = "值"-->6）<hr/> ----水平分割线
7）<br/> ----换行标签 与p 段落标签不同的是，p分割的两行间隙比较大
8）特殊符号： > ---> <---< & ----& 空格---- 
5>3
3<5
9）font ----字体标签
<font> </font> 属性： size ---1~7 ； color ---颜色 face---字体系列
<font size="5" color="green" face="仿宋"> 跳楼疯抢价只需</font> <font size="7" color="red">1</font>元，老婆抱回家！10）字体标签
<b> 文本内容 </b> <br/> ----加粗文本内容 ，并换行
<i> 文本内容 </i> <br/> ----意大利斜体 ，并换行
<tt> 文本内容 </tt> <br/> ---
<u> 文本内容 </u> <br/> ---加下划线
<sup> <sub> ---定义上、下标
<s> 文本内容 </s> ---加删除线
11）pre 与 code 标签配合使用，按照代码格式显示
12）marquee ---移动标签 现在已经很少用，许多浏览器不兼容了
<marquee direction="right" behavior="slide"><img src="042.jpg" width="500px" height="800px"/></marquee>
3、语言特点
1）分为单元块
2）一般都是有始有终。有些是自己结束的比如 <img /> 、<hr/>
3）可以嵌套使用：
<p><b>我的好老婆！</b></p>4）不区分大小写
4、表现各标签的特征为属性 属性 = 值
值一般用引号括起来， 属性之间至少要有一个空格
5、a标签的使用
a标签： 超链接
属性：
作用1：网页链接
href---要连接的地址
target ----打开网页的方式 值：_blank ---打开新网页跳转； _slef或默认 -----在当期那网页跳转
<a href="http://www.baidu.com" target="_blank">百度</a>作用2： 实现当前网页内的跳转：
<a name="顶端" href="#底端">回到底端</a>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<a name="底端" href="#顶端">回到顶端</a>作用3：网页间的跳转（从某个网页跳到另一个网页的某个位置
<a name="碗里来" href="a标签的使用.html#回来">快到碗里来</a><a name="回来" href="html网页标签学习.html#碗里来">快到碗里去</a><a href="mailto:[email protected]">发送邮件到251792911</a>6、html背景 ----body属性
1）text属性： 设置文本的颜色
<body text="green"> 文本</body>
2）link属性：设置a标签里超链接的颜色 alink属性：设置a标签里超链接点击时的颜色 vlink属性：设置a标签里超链接点击后的颜色
3）bgcolor属性：设置文本背景颜色
<body bgcolor="black">文本</body>
4）background属性：设置背景图片
7、html的列表
1）无序列表 ：ul的属性： type---列表标题的样式
<ul>
<li>表</li>
</ul>
2）有序列表 ul的属性： type---列表标题的样式
<ol>
<li>表 </li>
</ol>
3）自定义列表： ul的属性： type---列表标题的样式
<dl>
<dt>章</dt>
<dd>节</dd>
</dl>
8、html表格：
1）table的属性：bgcolor--背景颜色、border--边框、bordercolor--边框颜色、cellspacing--单元格的间隔、cellpadding--内容与单元格的间隔、width--宽、height--高
<table border="1px" cellspacing="0px" cellpadding="5px">
<tr>
<td><a href="#">超链接</a></td>
<td>星期一</td>
<td>哈哈哈</td>
</tr>
<tr>
<td>呵呵</td>
<td>逗比</td>
<td><img src="1.jpg" width="30px" height="30px"</td>
</tr>
</table>
2）跨行跨列的表格 ：给单元格加个属性
跨列的表格：colspan
<tr>
<td colspan="2">学生成绩</td>
</tr><tr>
<td rowspan="2">张三</td>
<td>语文</td>
<td>98</td>
</tr>
<tr>
<td>数学</td>
<td>95</td>
</tr>如果想要第一行文本加粗并居中：将<td></td> 换成 <th></th> 代表表格的标题即可
<td>的属性： align--居左/中/右、valign--居上/中/下、bgcolor--背景颜色、width--宽、height--高、colspan--占几列、rowspan--占几行