Day01_html总结
Day01_html总结
1.总体知识梳理图：
2.
排版标签知识梳理：
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset=“UTF-8”>
<title>公司简介</title>
</head>
<body>
<hl><h1>公司简介</h1></hl>
<p></p>
<hr />
<font color=“red”>”中关村黑马程序员训练营“</font>是由<font ><i><b>传智播客</b></i></font>联合中关村软件园、CSDN，并委托传智播客进行教学实施的软件开发高端培训机构，致力于服务各大软件企业，解决当前软件开发技术飞速发展，而企业招不到优秀人才的困扰。
目前，“中关村黑马程序员训练营“已成长为行业“学员质量好、课程内容深、企业满意“的移动开发高端训练基地，并被评为中关村软件园重点扶持人才企业。
<p></p>
黑马程序员的学员多为大学毕业后，有理想、有梦想，想从事IT行业，而没有环境和机遇改变自己命运的年轻人。黑马程序员的学员筛选制度，远比现在90%以上的企业招聘流程更为严格。任何一名学员想成功入学“黑马程序员“，必须经历长达2个月的面试流程，这些流程中不仅包括严格的技术测试、自学能力测试，还包括性格测试、压力测试、品德测试等等测试。毫不夸张地说，黑马程序员训练营所有学员都是精挑细选出来的。百里挑一的残酷筛选制度确保学员质量，并降低企业的用人风险。
<p></p>
中关村黑马程序员训练营不仅着重培养学员的基础理论知识，更注重培养项目实施管理能力，并密切关注技术革新，不断引入先进的技术，研发更新技术课程，确保学员进入企业后不仅能独立从事开发工作，更能给企业带来新的技术体系和理念。
<p></p>
一直以来，黑马程序员以技术视角关注IT产业发展，以深度分享推进产业技术成长，致力于弘扬技术创新，倡导分享、
开放和协作，努力打造高质量的IT人才服务平台。
</body>
</html>
3.图片标签知识梳理：
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset=“UTF-8”>
<title></title>
</head>
<body>
<img src=“../logo2.png” title=“黑马程序员” />
<img src=“../header.jpg”/>
<hr />
<h1>公司简介</h1>
<p>
<font color=“red”>”中关村黑马程序员训练营“</font>是由<b><i>传智播客</i></b> 联合中关村软件园、CSDN，并委托传智播客进行教学实施的软件开发高端培训机构，致力于服务各大软件企业，解决当前软件开发技术飞速发展，而企业招不到优秀人才的困扰。
目前，“中关村黑马程序员训练营“已成长为行业“学员质量好、课程内容深、企业满意“的移动开发高端训练基地，并被评为中关村软件园重点扶持人才企业。
</p>
<p>
黑马程序员的学员多为大学毕业后，有理想、有梦想，想从事IT行业，而没有环境和机遇改变自己命运的年轻人。黑马程序员的学员筛选制度，远比现在90%以上的企业招聘流程更为严格。任何一名学员想成功入学“黑马程序员“，必须经历长达2个月的面试流程，这些流程中不仅包括严格的技术测试、自学能力测试，还包括性格测试、压力测试、品德测试等等测试。毫不夸张地说，黑马程序员训练营所有学员都是精挑细选出来的。百里挑一的残酷筛选制度确保学员质量，并降低企业的用人风险。
</p>
<p>
中关村黑马程序员训练营不仅着重培养学员的基础理论知识，更注重培养项目实施管理能力，并密切关注技术革新，不断引入先进的技术，研发更新技术课程，确保学员进入企业后不仅能独立从事开发工作，更能给企业带来新的技术体系和理念。
</p>
<p>
一直以来，黑马程序员以技术视角关注IT产业发展，以深度分享推进产业技术成长，致力于弘扬技术创新，倡导分享、
开放和协作，努力打造高质量的IT人才服务平台。
</p>
</body>
</html>
4.列表标签知识梳理：
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset=“UTF-8”>
<title>列表标签</title>
</head>
<body>
<!–
作者：xiaoqiang
时间：2016-08-09
描述：列表标签
<ol>有序列表
type取值:1,a,A,I,i
<ul>无序列表
<li>自标签.确定列表项
–>
<ol type=“1”>
<li>传智</li>
<li>黑马</li>
<li>淘宝</li>
</ol>
<ul type=“square”>
<li>传智</li>
<li>黑马</li>
<li>淘宝</li>
</ul>
</body>
</html>
5. 表格标签知识梳理：
代码：
01.
<!DOCTYPE html>
<html>
<head>
<meta charset=“UTF-8”>
<title></title>
</head>
<body>
<!–
作者：xiaoqiang
时间：2016-08-09
描述：
<table>表格标签,父容器,默认不显示
*border:边框
* cellspacing:设置单元格之间的距离
* cellpadding:表示单元格内容与边框之间的距离
* bgcolor:背景色
* width:设置表格的宽度
* align:水平对齐方式
left(默认值) center right
<th>表头标签:默认居中且加粗
<tr>行
*align:当前行水平对齐方式
left(默认) center right
<td>:列(单元格)
*align:当前行水平对齐方式
left(默认) center right
–>
<table border=“1” cellspacing=“0” cellpadding=“0” bgcolor=“aqua” width=“60%” align=“left”>
<tr>
<th>0-1</th>
<th>0-2</th>
<th>0-3</th>
</tr>
<tr align=“center”>
<td>1-1</td>
<td>1-2</td>
<td>1-3</td>
</tr>
<tr>
<td align=“center”>2-1</td>
<td>2-2</td>
<td>2-3</td>
</tr>
<tr>
<td>3-1</td>
<td>3-2</td>
<td>3-3</td>
</tr>
</table>
</body>
</html>
02.
<!DOCTYPE html>
<html>
<head>
<meta charset=“UTF-8”>
<title></title>
</head>
<body>
<!–
作者：offline
时间：2016-08-09
描述：
<td>列,单元格
*align:当前行水平对齐方式
* left(默认) center right
* rowspan:行合并
* colspan:列合并
–>
<table border=“1” cellspacing=“0” cellpadding=“0” bgcolor=“aqua” width=“60%” align=“left”>
<tr>
<td rowspan=“2”>1-1</td>
<td colspan=“2”>1-2</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
<tr>
<td>3-1</td>
<td>3-2</td>
<td>3-3</td>
</tr>
</table>
</body>
</html>
6. 超链接标签知识梳理：
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset=“UTF-8”>
<title></title>
</head>
<body>
<<!–
作者：xiaoqiang
时间：2016-08-09
描述：超链接标签
<a>
*href:确定显示页面的路径
*target:以何种方式打开href确定显示页面
_blank:新窗口打开你
_self:当前窗口打开(默认值)
–>
<a href=“http://wwww.taobao.com”>淘宝</a>
<a href=“列表标签.html” target=“_self”>列表</a>
<a href=“http://www.taobao.com” target=“_blank”>淘宝2</a>
</body>
</html>
7. 框架标签知识梳理：
代码：
01.
<!DOCTYPE html>
<html>
<head>
<meta charset=“UTF-8”>
<title></title>
</head>
<body>
main
</body>
</html>
02.
<!DOCTYPE html>
<html>
<head>
<meta charset=“UTF-8”>
<title></title>
</head>
<body>
<ul type=“square”>
<li><a href=“http://www.baidu.com” target=“mFrame”>百度</a></li>
<li><a href=“http://www.163.com” target=“mFrame”></a>网易</li>
<li><a href=“http://www.taobao.com” target=“mFrame”></a>淘宝</li>
</ul>
</body>
</html>
03.
<!DOCTYPE html>
<html>
<head>
<meta charset=“UTF-8”>
<title></title>
</head>
<body>
top
</body>
</html>
04.
<!DOCTYPE html>
<html>
<head>
<meta charset=“UTF-8”>
<title></title>
</head>
<frameset rows=“20%,*”>
<frame src=“top.html” />
<frameset cols=“15%,*”>
<frame src=“left.html” noresize=“noresize” />
<frame src=“main.html” name=“mFrame” />
</frameset>
</frameset>
</html>
2016-08-09
