HTML：hype text Markup language 超文本标记语言
超文本：比普通文本功能更加强大，可以添加各种格式
标记语言：通过一组标签来对内容进行描述.
主要作用：设计网页的基础
html语法规范：
- HTML文件主要包含两部分，头部分和体部分
- 头部分：主要放置页面信息
- 体部分：主要放置页面内容
- 标签不区分大小写，官方定义使用小写
<!DOCTYPE html><html> ???<head> ???????<meta charset="UTF-8"> ???????<title>网站信息页面</title> ???</head> ???<body><!--案例分析： ???1公司简介，需要标题 ???2水平分割线 ???3四个段落 ???4第一个段落字体红色 ???5网站图片信息 ???5网站友情链接： 百度 新浪微博 黑马程序员 ???????知识点： ???b:加粗 ???i:斜体 ???font: color size ?face:字体 ??????????p : 段落标签 ?????h : 标题标签 1-6 ???strong:加粗，包含语义，也就是说对搜索引擎友好 ???em:斜体，同包含语义 ???相对路径： ./代表当前路径 ??../代表上一级路径 ../../上两级路径 ???img: ???src:指定图片路径 ????????????width:指定宽度 ???????????alt:文件加载失败时的提示信息 ???无序列表： ul type li列表项 ???有序列表： ol type start li ??????超链接标签： ??href : 指定跳转的连接，需要加上http协议 ????????????????target:以什么方式打开 ??????????????????????_self ： ?默认在当前窗口打开 ?????????????????????_blank: ?在新的窗口打开 ???表格标签： table: border指定边框 width height bgcolor align ??????????????tr标签 行 ??????????????td标签 列 ???表格合并： rowspan: 跨行 ??????????????cowspan: 跨列 ???表格的嵌套： ?td标签里面嵌入table ?????????????????????--> ???<h3>公司简介</h3> ???<hr /> ???<p> ???<font color="red">“中关村黑马程序员训练营”</font>是由<b><i>传智播客</i></b>联合中关村软件园、CSDN，并委托传智播客进行教学实施的软件开发高端培训机构，致力于服务各大软件企业，解决当前软件开发技术飞速发展，而企业招不到优秀人才的困扰。 目前，“中关村黑马程序员训练营”已成长为行业“学员质量好、课程内容深、企业满意”的移动开发高端训练基地，并被评为中关村软件园重点扶持人才企业。 ??</p><p> ?????<strong>黑马程序员</strong>的学员多为大学毕业后，<em>有理想、有梦想，</em>想从事IT行业，而没有环境和机遇改变自己命运的年轻人。黑马程序员的学员筛选制度，远比现在90%以上的企业招聘流程更为严格。任何一名学员想成功入学“黑马程序员”，必须经历长达2个月的面试流程，这些流程中不仅包括严格的技术测试、自学能力测试，还包括性格测试、压力测试、品德测试等等测试。毫不夸张地说，黑马程序员训练营所有学员都是精挑细选出来的。百里挑一的残酷筛选制度确保学员质量，并降低企业的用人风险。 ??</p><p> ???中关村黑马程序员训练营不仅着重培养学员的基础理论知识，更注重培养项目实施管理能力，并密切关注技术革新，不断引入先进的技术，研发更新技术课程，确保学员进入企业后不仅能独立从事开发工作，更能给企业带来新的技术体系和理念。 ???</p><p> ???一直以来，黑马程序员以技术视角关注IT产业发展，以深度分享推进产业技术成长，致力于弘扬技术创新，倡导分享、 开放和协作，努力打造高质量的IT人才服务平台。 ???</p> ???<hr /> ???<!--<img src="../img/1062x1600(70D79).jpg" width="500px" height="500px" alt="图片加载失败！！！"/><br /> ???<img src="./11.jpg" alt="图片加载失败"/>--> ???<!--无序列表--> ???<!--<ul type="square"> ???????<li>百度</li> ???????<li>新浪微博</li> ???????<li>黑马程序员</li> ???</ul> ???<!--有序列表--> ???<!--<hr/> ???<ol type="1" start="2" > ???????<li>百度</li> ???????<li>新浪微博</li> ???????<li>黑马程序员</li> ???????</ol>--> ???<!--超链接--> ???<ul> ???????<li><a href="http://www.baihe.com/" target="_blank" >百合网</a></li> ???????<li>世纪家园</li> ???????<li>珍爱网</li> ???????<li>非诚勿扰</li> ???</ul> ???<!--表格标签--> ???<table border="1px" width="400px" bgcolor="blueviolet"> ???????<tr > ???????????<td>1</td> ???????????<td bgcolor="crimson">1</td> ???????????<td>1</td> ???????<tr> ???????????<td>2</td> ???????????<td>2</td> ???????????<td>2</td> ???????</tr> ???????<tr> ???????????<td>3</td> ???????????<td>3</td> ???????????<td>3</td> ???????</tr> ???</table> ???<!--表格合并--> ???<table border="1px" width="400px" > ???????<tr> ???????????<td colspan="2">21</td> ???????????<!--<td>22</td>--> ???????????<td rowspan="2">23</td> ???????</tr> ???????<!--表格嵌套--> ???????<tr> ???????????<td colspan="2" rowspan="2"> ???????????????<table border="1px" width="100%"> ???????????????????<tr> ???????????????????????<td>1</td> ???????????????????????<td>1</td> ???????????????????????<td>1</td> ???????????????????</tr> ???????????????????<tr> ???????????????????????<td>1</td> ???????????????????????<td>1</td> ???????????????????????<td>1</td> ???????????????????</tr> ???????????????</table> ???????????</td> ???????????<!--<td >32</td>--> ???????????<!--<td >33</td>--> ???????</tr> ???????<tr> ???????????<!--<td>41</td> ???????????<td>42</td>--> ???????????<td>43</td> ???????</tr> ???</table> ???</body></html>
一 HTML概述，知识点
原文地址：https://www.cnblogs.com/ltfxy/p/9940420.html