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="黑马程序员" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

        <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

小温

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: