初始HTML

之前我们学习了JavaSE的基础,本次博客将开始Java前端的简单学习,先学习HTML的使用。

什么是HTML

  • HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。

  • 超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。

  • 超文本包括:文字、图片、音频、视频、动画等。

HTML的发展史

请添加图片描述

HTML5的优势

  • 世界指明浏览器厂商对HTML5的支持。
    • 微软
    • Google
    • 苹果
    • Opera
    • Mozilla
  • 市场的需求
  • 跨平台

W3C 标准

  • 万维网联盟(W3C)创建于1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构。

  • W3C已发布了200多项影响深远的Web技术标准及实施指南,如广为业界采用的超文本标记语言HTML(标准通用标记语言下的一个应用)、可扩展标记语言XML(标准通用标记语言下的一个子集)以及帮助残障人士有效获得Web信息的无障碍指南(WCAG)等,有效促进了Web技术的互相兼容,对互联网技术的发展和应用起到了基础性和根本性的支撑作用。

  • W3C标准包括:

    • 结构化标准语言(HTML、XML)
    • 表现标准语言(CSS)
    • 行为标准(DOM、ECMAScript)

HTML基本结构

请添加图片描述

  • <body>、</body>等成对的标签,分别叫开放标签和闭合标签。
  • 单独呈现的标签(空元素),如<hr/>;意为用/来关闭空元素。

网页基本信息

  • DOCTYPE声明:告诉浏览器,我们要使用什么规范

  • title标签:title标签是网页标题

  • meta标签:meta描述性标签,它用来描述我们网站的一些信息

<!--DOCTYPE:告诉浏览器,我们要使用什么规范-->

<!DOCTYPE html>

<html lang="en">
<!--head标签代表网页头部-->
<head>

    <!--meta描述性标签,它用来描述我们网站的一些信息-->
    <!--meta一般用来SEO-->
    <meta charset="UTF-8">
    <meta name="keywords" content="Java">
    <meta name="description" content="跟着博主一起学Java">

    <!-- title网页标题-->
    <title>我的第一个网页</title>
</head>
<!-- body标签代表网页主体-->
<body>
Hello,World!
</body>
</html>
le>
</head>
<!-- body标签代表网页主体-->
<body>
Hello,World!
</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值