之前我们学习了JavaSE的基础,本次博客将开始Java前端的简单学习,先学习HTML的使用。
什么是HTML
-
HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。
-
超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。
-
超文本包括:文字、图片、音频、视频、动画等。
HTML的发展史
HTML5的优势
- 世界指明浏览器厂商对HTML5的支持。
- 微软
- 苹果
- 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>