一 HTML概述，网站首页案例及其知识点

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-6strong:加粗，包含语义，也就是说对搜索引擎友好em:斜体，同包含语义相对路径： ./代表当前路径   ../代表上一级路径 ../../上两级路径img:    src:指定图片路径 width:指定宽度alt:文件加载失败时的提示信息无序列表： ul type li列表项有序列表： ol type start li   超链接标签：   href : 指定跳转的连接，需要加上http协议  target:以什么方式打开 _self ：  默认在当前窗口打开_blank:  在新的窗口打开表格标签： table: border指定边框 width height bgcolor aligntr标签 行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>

页面展示：

转载于:https://www.cnblogs.com/ltfxy/p/9940420.html

一 HTML概述，网站首页案例及其知识点相关推荐

第九、十天：网站首页案例
网站首页项目: * {margin: 0;padding: 0;}.w {width: 1080px;margin: auto;}.header {height: 65px;}.nav li {lis ...
HTML网站首页代码详细知识点
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>入 ...
【使用DIV+CSS重写网站首页案例】CSS引入方式
CSS引入方式(3种) *就近原则:行内引入可以覆盖内部引入的效果内部引入: * type="text/css" 为默认可以不写例子: 1 <!DOCTYPE ...
实战！手把手教你实现学成在线网站首页案例【详细源码】
计算机知识点汇总职高,计算机辅导（知识点汇总） - 慈溪职高网站首页.doc
计算机辅导(知识点汇总) - 慈溪职高网站首页知识点汇总第一章计算机基础知识(单选15分) 第一台计算机:1946年ENIAC,采用电子管划分计算机时代的标准:构成元件第一代(1946-1 ...
HTML案例：旅游网站首页
案例:旅游网站首页 1.确定使用table来完成布局 2.如果某一行只有一个单元格,则使用 3.如果某一行有多个单元格 <tr> <td> <table> ...
把百度网站设为首页_大仙SEO：如何解决网站首页百度收录后被删除？【SEO案例】...
前天(5/20)看数据的时候,发现5118数据直线下降,跌的有些厉害,猜测网站应该出问题了.这个时候不要慌(内心实则慌的一批),在等等看,会不会是百度自身的一些调整.算了分析分析网站吧!site看网站 ...
php网站开发案例教程ppt,php网站开发案例教程》课件.ppt
php网站开发案例教程>课件.ppt 还剩 178页未读, 继续阅读下载文档到电脑,马上远离加班熬夜! 亲,很抱歉,此页已超出免费预览范围啦! 如果喜欢就下载吧,价低环保! 内容要点: PHP ...
php教育网站设计案例_南广东区优秀网站设计案例集锦第四期
南广东优秀网站设计案例集锦第四期第一名:吴嘉文佛山资深设计师 01 个人介绍亚里士多德曾经说过:"我们每一个人都是由自己一再重复的行为所铸造的.因而优秀不是一种行为,而是一种习惯.&q ...

一 HTML概述，网站首页案例及其知识点

HTML：hype text Markup language 超文本标记语言

一 HTML概述，网站首页案例及其知识点相关推荐

最新文章

热门文章