HTML
1.什么是html
超文本标记语言,它规定了自己的语法，用来表示更丰富的意义，比如图片、链接、表格、表单等等。浏览器认识html的标签，所以目前绝大多数网页都是html写的。
2.html结构
文件名：xxx.html，后缀也可以是htm（最好用html后缀）
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>第一个网页</title>
</head>
<body>
中国
</body>
</html>
<!DOCTYPE HTML>:html5的文档声明
<html>:html的根标签，包裹所有html内容
<head>：存放一些属性信息
<body>：里面的内容会在网页显示
<meta>：指定浏览器用哪种编码打开，注意与保存的编码一致
3.html语法
html是标记语言，标记也叫标签或者元素，标签分为开始和结束标签，如果标签中没有标签体，则可以自闭
注释：<!-- 这是注释 -->
如何在html中进行换行或者空格
空格： 换行：<br/>
html与xml区别
区别1：html的标签是预定义好的，而xml可以自己定义
区别2：xml对语法非常严格，但是html对语法不严格（最好按照标准格式写）
4.html标签
可以通过w3cschool来学习html标签，是入门学习的一个标准文档
1.文本标签<font>
属性：size：大小
face：字体
color：颜色（不要用rgb3基色）
| <font size="1" face="宋体" color="red">我是font标签</font><br/> <font size="5" face="楷体" color="#ff0000">我是font标签</font><br/> <!--不要用rgb3基色--> <font size="7" face="黑体" color="rgb(255,0,0)">我是font标签</font><br/> |
2.标题标签<h1>-<h6>
<h1>-<h6>依次变小
属性：align：标题排列方式，默认居左
| <h1 align="left">我是标题标签</h1> <h2 align="center">我是标题标签</h2> <h3 align="right">我是标题标签</h3> <h4>我是标题标签</h4> <h5>我是标题标签</h5> <h6>我是标题标签</h6> |
3.列表标签<ul>/<li>
ul定义一个无序列表，li是定义列表中的每一项
| <ul> <li>中国</li> <li>美国</li> <li>小日本</li> </ul> |
4.图片标签<img>
在网页中加入一张图片
属性：src:图片路径，可以是绝对路径，也可以是相对路径
width：宽
height：高
alt：图片无法显示时的替代文本
| <img src="vc.jpg" width="" height="" alt="验证码" /> |
5.超链接标签<a>
属性：href：需要链接的url
target：在何处打开新页面，如默认_blank在新页面打开，_self在当前页面打开，_top回到顶部
title：鼠标移到上去后的提示文本
| <a href="http://www.tmooc.cn" title="一分钟搞定java" target="_self">学习java就上tmooc</a> <br /> <a href="" title="" target="_top">回到顶部</a> //需要在指定位置加上<a name="abc"> <a href="#abc">回到指定位置</a> |
6.表格标签<table><tr><th><td>
table属性：border ：定义表格的边框
cellspacing ：定义单元格之间的空白
cellpadding：定义单元格和内容之间的空白
width：定义表格的宽度
bgcolor：背景颜色
align：位置
tr属性：align：一行位置
bgcolor：一行背景颜色
td属性：align：一个单元格位置
bgcolor：一个单元格背景颜色
height：定义一行的高度
width：定义一行的宽度
***colspan:定义单元格横跨的列数
*rowspan:定义单元格横跨的行数
| <table border="1px" cellspacing="0" cellpadding="10" width="600" bgcolor="pink" align="center"> <tr> <th>表头1</th> <th>表头2</th> <th>表头3</th> <th>表头4</th> </tr> <tr> <td>11</td> <td>12</td> <td>13</td> <td>14</td> </tr> <tr> <td>21</td> <td>22</td> <td>23</td> <td>24</td> </tr> <tr> <td>31</td> <td>32</td> <td>33</td> <td>34</td> </tr> <tr> <td>41</td> <td>42</td> <td>43</td> <td>44</td> </tr> </table> |
| <h3 align="center">我是表格</h3> <table border="1px" cellspacing="0" cellpadding="10" width="600" bgcolor="pink" align="center"> <tr> <th>表头1</th> <th>表头2</th> <th>表头3</th> <th>表头4</th> </tr> <tr> <td height="70px" width="70">11</td> <td>12</td> <td bgcolor="red">13</td> <td>14</td> </tr> <tr> <td colspan="3" align="center">21</td>
<td>24</td> </tr> <tr> <td>31</td> <td>32</td> <td>33</td> <td rowspan="2">34</td> </tr> <tr align="center"> <td>41</td> <td>42</td> <td>43</td>
</tr> </table> HTML1.什么是html超文本标记语言,它规定了自己的语法，用来表示更丰富的意义，比如图片、链接、表格、表单等等。浏览器认识html的标签，所以目前绝大多数网页都是html写的。 2.html结构文件名：xxx.html，后缀也可以是htm（最好用html后缀） <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <title>第一个网页</title> </head> <body> 中国 </body> </html>
<!DOCTYPE HTML>:html5的文档声明 <html>:html的根标签，包裹所有html内容 <head>：存放一些属性信息 <body>：里面的内容会在网页显示 <meta>：指定浏览器用哪种编码打开，注意与保存的编码一致 3.html语法html是标记语言，标记也叫标签或者元素，标签分为开始和结束标签，如果标签中没有标签体，则可以自闭 注释：<!-- 这是注释 --> 如何在html中进行换行或者空格 空格： 换行：<br/>
html与xml区别 区别1：html的标签是预定义好的，而xml可以自己定义 区别2：xml对语法非常严格，但是html对语法不严格（最好按照标准格式写） 4.html标签可以通过w3cschool来学习html标签，是入门学习的一个标准文档 1.文本标签<font> 属性：size：大小 face：字体 color：颜色（不要用rgb3基色）
2.标题标签<h1>-<h6> <h1>-<h6>依次变小 属性：align：标题排列方式，默认居左
3.列表标签<ul>/<li> ul定义一个无序列表，li是定义列表中的每一项
4.图片标签<img> 在网页中加入一张图片 属性：src:图片路径，可以是绝对路径，也可以是相对路径 width：宽 height：高 alt：图片无法显示时的替代文本
5.超链接标签<a> 属性：href：需要链接的url target：在何处打开新页面，如默认_blank在新页面打开，_self在当前页面打开，_top回到顶部 title：鼠标移到上去后的提示文本
6.表格标签<table><tr><th><td> table属性：border ：定义表格的边框 cellspacing ：定义单元格之间的空白 cellpadding：定义单元格和内容之间的空白 width：定义表格的宽度 bgcolor：背景颜色 align：位置
tr属性：align：一行位置 bgcolor：一行背景颜色
td属性：align：一个单元格位置 bgcolor：一个单元格背景颜色 height：定义一行的高度 width：定义一行的宽度 ***colspan:定义单元格横跨的列数 *rowspan:定义单元格横跨的行数
|