菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
205
0

【Java EE】Day07 HTML

原创
05/13 14:22
阅读数 19001

一、WEB概念

1、软件架构

  • C/S:安卓、QQ、迅雷,开发两端
  • B/S

2、资源分类

  • 静态资源:浏览器内置解析引擎
    • HTML:展示内容
    • CSS:页面布局
    • JavaScript:控制页面元素,产生动态效果
  • 动态资源:服务器执行后转为静态资源

二、HTML

1、概念

  • Hyper Text Markup Language-超文本标记语言
    • 超文本:各种文本网状组织
    • 标记:标签构成

2、入门  

  • 标签分为围堵标签和自闭和标签 
    • <!DOCTYPE html>:定义文档类型
  • 文本标签
    • <i>:斜体
    • <font>:字体
      • color
        • 单词
        • RGB
        • #AABBCC:00-FF之间的16进制
      • size
      • face:字体

 

 

  •  图片标签<img src="image/jingxuan_2.jpg" align="right" alt="古镇" width="500" height="300"/>
    • alt表示替换的文本
  • 列表标签
    • 有序:ol>li
    • 无序:ul>li
  • 链接标签:a
    • 指向链接、html文件(相对路径)、邮箱(mailto)、图片链接(嵌套img标签)
    • target属性:打开资源的方式
      • _self:在当前页面打开
      • _blank:在空白页面打开

3、div和span标签    

  • 与CSS结合使用,方便通过CSS进行控制
  • div:块级标签(自动换行)
  • span:内联标签(行内标签)

4、语义化标签(H5)

 

 之前:div包裹,附加id,使用css控制

<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <title>黑马程序员简介</title>
</head>
<body>
<div id="header">
    <h1>公司简介</h1>
</div>
<hr color="#f0ff18" />
<p>
    <font color="#ff0000"> "中关村黑马程序员训练营"</font>是由<b><i>传智播客</i></b>联合中关村软件园、CSDN, 并委托传智播客进行教学实施的软件开发高端培训机构,致力于服务各大软件企业,解决当前软件开发技术飞速发展, 而企业招不到优秀人才的困扰。
</p>
<p>
    目前,“中关村黑马程序员训练营”已成长为行业“学员质量好、课程内容深、企业满意”的移动开发高端训练基地, 并被评为中关村软件园重点扶持人才企业。
</p>
<p>
    黑马程序员的学员多为大学毕业后,有理想、有梦想,想从事IT行业,而没有环境和机遇改变自己命运的年轻人。 黑马程序员的学员筛选制度,远比现在90%以上的企业招聘流程更为严格。任何一名学员想成功入学“黑马程序员”, 必须经历长达2个月的面试流程,这些流程中不仅包括严格的技术测试、自学能力测试,还包括性格测试、压力测试、 品德测试等等测试。毫不夸张地说,黑马程序员训练营所有学员都是精挑细选出来的。百里挑一的残酷筛选制度确 保学员质量,并降低企业的用人风险。
</p>
<p>
    中关村黑马程序员训练营不仅着重培养学员的基础理论知识,更注重培养项目实施管理能力,并密切关注技术革新, 不断引入先进的技术,研发更新技术课程,确保学员进入企业后不仅能独立从事开发工作,更能给企业带来新的技术体系和理念。
    一直以来,黑马程序员以技术视角关注IT产业发展,以深度分享推进产业技术成长,致力于弘扬技术创新,倡导分享、 开放和协作,努力打造高质量的IT人才服务平台。
</p>
<hr color="#f0ff18" />
<div id=""footer>
    <font color="#696969" size="2">
        <center>
            江苏传智播客教育科技股份有限公司 版权所有<br>
            Copyright &copy; 2006-2018, All Rights Reserved &nbsp;苏ICP备16007882
        </center>
    </font>
</div>

</body>
</html>

现在

<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <title>黑马程序员简介</title>
</head>
<body>
<header>
    <h1>公司简介</h1>
</header>
<hr color="#f0ff18" />
<p>
    <font color="#ff0000"> "中关村黑马程序员训练营"</font>是由<b><i>传智播客</i></b>联合中关村软件园、CSDN, 并委托传智播客进行教学实施
    的软件开发高端培训机构,致力于服务各大软件企业,解决当前软件开发技术飞速发展, 而企业招不到优秀人才的困扰。
</p>
<p>
    目前,“中关村黑马程序员训练营”已成长为行业“学员质量好、课程内容深、企业满意”的移动开发高端训练基地, 并被评为中关村软件园重点扶持人才企业。
</p>
<p>
    黑马程序员的学员多为大学毕业后,有理想、有梦想,想从事IT行业,而没有环境和机遇改变自己命运的年轻人。 黑马程序员的学员筛选制度,远比现在
    90%以上的企业招聘流程更为严格。任何一名学员想成功入学“黑马程序员”, 必须经历长达2个
    月的面试流程,这些流程中不仅包括严格的技术测试、自学能力测试,还包括性格测试、压力测试、 品德测试等等测试。毫不夸张地说,黑马程序员训练营所
    有学员都是精挑细选出来的。百里挑一的残酷筛选制度确 保学员质量,并降低企业的用人风险。
</p>
<p>
    中关村黑马程序员训练营不仅着重培养学员的基础理论知识,更注重培养项目实施管理能力,并密切关注技术革新, 不断引入先进的技术,研发更新技术
    课程,确保学员进入企业后不仅能独立从事开发工作,更能给企业带来新的技术体系和理念。
    一直以来,黑马程序员以技术视角关注IT产业发展,以深度分享推进产业技术成长,致力于弘扬技术创新,倡导分享、 开放和协作,努力打造高质量
    的IT人才服务平台。
</p>
<hr color="#f0ff18" />
<footer>
    <font color="#696969" size="2">
        <center>
            江苏传智播客教育科技股份有限公司 版权所有<br>
            Copyright &copy; 2006-2018, All Rights Reserved &nbsp;苏ICP备16007882
        </center>
    </font>
</footer>
</body>
</html>

5、表格标签

 

 

 

三、综合案例:旅游网站首页

之后使用div和css

现在使用table完成

 

 

 

发表评论

0/200
205 点赞
0 评论
收藏