JavaWeb7.2【HTML标签:文件标签、文本标签】

image

    1. 文件标签:构成html最基本的标签
      • html:html文档的根标签
      • head:头标签。用于指定html文档的一些属性。引入外部的资源
      • title:标题标签。
      • body:体标签
      • <!DOCTYPE html>:html5中定义该文档是html文档
    1. 文本标签:和文本有关的标签
      • 注释:<!-- 注释内容 -->

      • <h1> to <h6>:标题标签

        • h1~h6:字体大小逐渐递减
      • <p>:段落标签

      • <br>:换行标签

      • <hr>:展示一条水平线

        • 属性:
          • color:颜色
          • width:宽度
          • size:高度
          • align:对其方式
            • center:居中
            • left:左对齐
            • right:右对齐
      • <b>:字体加粗

      • <i>:字体斜体

      • <font>:字体标签

      • <center>:文本居中

        • 属性:
          • color:颜色
          • size:大小
          • face:字体
      • 属性定义:

        • color:
          1. 英文单词:red,green,blue
          2. rgb(值1,值2,值3):值的范围:0~255 如 rgb(0,0,255)
          3. #值1值2值3:值的范围:00~FF之间。如: #FF00FF
        • width:
          1. 数值:width='20' ,数值的单位,默认是 px(像素)
          2. 数值%:占比相对于父元素的比例
<!DOCTYPE html>
<html lang="en"> <!--ch为中文-->
<head>
    <meta charset="UTF-8">
    <title>文本标签</title>
</head>
<body>

    <!--换行-->
    白日依山尽,<br>黄河入海流。
    <br>
    白日依山尽,<br/>黄河入海流。
    <br/>
    <!--html语法不太严格,比如br加/或者不加都行-->

    <!--标题-->
    <h1>老龙湾烤活鱼</h1>
    <h2>老龙湾烤活鱼</h2>
    <h3>老龙湾烤活鱼</h3>
    <h4>老龙湾烤活鱼</h4>
    <h5>老龙湾烤活鱼</h5>
    <h6>老龙湾烤活鱼</h6>

    <!--段落-->
    <p>
        老龙湾烤活鱼真香老龙湾烤活鱼真香老龙湾烤活鱼真香老龙湾烤活鱼真香老龙湾烤活鱼真香老
        龙湾烤活鱼真香老龙湾烤活鱼真香老龙湾烤活鱼真香老龙湾
        烤活鱼真香老龙湾烤活鱼真香老龙湾烤活鱼真香老龙湾烤活鱼真香
    </p>
    <p>
        老龙湾烤活鱼真香老龙湾烤活鱼真香老龙湾烤活鱼真香老龙湾烤活鱼真香老龙湾烤活
        鱼真香老龙湾烤活鱼真香老龙湾烤活鱼真香老龙湾烤活鱼真香老龙湾烤活
        鱼真香老龙湾烤活鱼真香老龙湾烤活鱼真香老龙湾烤活鱼真香
    </p>
    <p>
        老龙湾烤活鱼真香老龙湾烤活鱼真香老龙湾烤活鱼真香老龙湾烤活鱼真香老龙
        湾烤活鱼真香老龙湾烤活鱼真香老龙湾烤活鱼真香老龙湾烤活鱼真香老龙湾
        烤活鱼真香老龙湾烤活鱼真香老龙湾烤活鱼真香老龙湾烤活鱼真香
    </p>

    <!--水平分割线-->
    <hr/>
    <hr color="red", width="200", size="10", align="left"/>

    <!--字体加粗-->
    正常字体<br/>
    <b>粗不粗</b><br/>

    <!--斜体-->
    正常字体<br/>
    <i>斜了吗</i><br/>
    <hr/>

    <!--字体,h5已淘汰,但还可以用-->
    烤活鱼香吗?<br/>
    <font>烤活鱼香吗?</font><br/> <!--无参数设置时,默认无效果-->
    <font face="楷体">烤活鱼香吗?</font><br/>
    <font color="green", size="30" face="楷体">烤活鱼香吗?</font><br/>

    <!--居中,h5已淘汰,但还可以用-->
    烤活鱼香吗?<br/>
    <center>烤活鱼香吗?<br/></center>

</body>
</html>

image

  • 案例:公司简介
    image
    image
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ITHEIMA</title>
</head>
<p>

<h1>公司简介</h1>

<hr color="yellow"/>

<p>
    <font color="#a52a2a">"中关村黑马程序员训练营"</font>
    是由<b><i>传智播客</i></b>联合中关村软件园、CSDN, 并委托传智播客进行教学实施的软件开发高端培训机构,
    致力于服务各大软件企业,解决当前软件开发技术飞速发展, 而企业招不到优秀人才的困扰。
</p>

<p>
        目前,“中关村黑马程序员训练营”已成长为行业“学员质量好、课程内容深、企业满意”的移动开发高端训练基地,
        并被评为中关村软件园重点扶持人才企业。
</p>

<p>
    黑马程序员的学员多为大学毕业后,有理想、有梦想,想从事IT行业,而没有环境和机遇改变自己命运的年轻人。 黑马程序员的学员筛选制度,远比现在90%以上的企业招聘流程更为严格。任何一名学员想成功入学“黑马程序员”, 必须经历长达2个月的面试流程,这些流程中不仅包括严格的技术测试、自学能力测试,还包括性格测试、压力测试、 品德测试等等测试。毫不夸张地说,黑马程序员训练营所有学员都是精挑细选出来的。百里挑一的残酷筛选制度确 保学员质量,并降低企业的用人风险。
    中关村黑马程序员训练营不仅着重培养学员的基础理论知识,更注重培养项目实施管理能力,并密切关注技术革新, 不断引入先进的技术,研发更新技术课程,确保学员进入企业后不仅能独立从事开发工作,更能给企业带来新的技术体系和理念。
</p>

<p>
    一直以来,黑马程序员以技术视角关注IT产业发展,以深度分享推进产业技术成长,致力于弘扬技术创新,倡导分享、 开放和协作,努力打造高质量的IT人才服务平台。
</p>

<hr color="yellow"/>

<font color="#808080", size="2">
    <center>
        江苏&nbsp;&nbsp;&nbsp;传智播客教育科技股份有限公司版权所有<br/>
        Copyright 2006-2018&copy;, All Rights Reserved 苏ICP备16007882
    </center>
</font>

</body>
</html>

image

posted @ 2021-06-26 11:26  yub4by  阅读(85)  评论(0编辑  收藏  举报