码迷,mamicode.com
首页 > Web开发 > 详细

一 HTML概述,知识点

时间:2018-11-10 21:20:19      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:内容   tar   图片路径   语言   相对   新技术   图片   --   ref   

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概述,知识点

标签:内容   tar   图片路径   语言   相对   新技术   图片   --   ref   

原文地址:https://www.cnblogs.com/ltfxy/p/9940420.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!