Java学习日记001 —— HTML5基础

最新推荐文章于 2022-06-13 00:19:00 发布

fatloongcat

最新推荐文章于 2022-06-13 00:19:00 发布

阅读量797

点赞数

分类专栏： Java学习日记文章标签： java html5

本文链接：https://blog.csdn.net/fatdragoncat/article/details/122423454

版权

Java学习日记专栏收录该内容

7 篇文章 1 订阅

订阅专栏

大家好，我是Fat Loong Cat 目前正在读大四。本文主要是记录我在学习Java中的一些知识点以及老师传授的重点内容。所有内容仅代表个人观点，如有错漏，欢迎斧正。

一、HTML的含义

HTML：Hyper Text Markup Language（超文本标记语言）

Ps：超文本——> 文字、图片、音频、视频、动画等其中含有指向“其他内容链接”的内容，我们称之为超文本。

二、HTML的发展历史

1936年6月诞生，到2013年5月更新到了HTML5版本。目前主流浏览器商都支持HTML5的网页。

三、关于W3C

一）什么是W3C

W3C：World Wide Web Consortium（万维网联盟），成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机构，W3C 的工作是对 web 进行标准化。目前网页开发的标准就是W3C标准。

二）W3C标准包括哪些内容

W3C标准包括：

结构化标准语言（XHTML、XML）；

表现标准语言（CSS）；

行为标准语言（DOM，ECMAScript）。

四、使用HTML搭建网页的基本结构

一）结构分析

如图就是一个最基本的网页代码，由“<” + 内容 + “>” 和一些文本信息组成。这些由 < (左尖角号)、内容、> (右尖角号) 组成的文本就叫做标签。而标签和文本信息就是组成我们网页的重要部分。 Ps：使用 $< >$ 包裹文本的原因是为了和普通文本信息区分。

上述代码描述的是 HTML 的基本结构，主要使用了 <!DOCTYPE>、<html>、<head>、<title> 以及 <body> 标签。我们来分别了解一下含义：

<!DOCTYPE> 是 Document Type Declaration 的简称，用来声明文档，也就是告知 web 浏览器当前页面使用了哪种 HTML 版本编写代码，此处使用的是 HTML 5 的版本。声明文档必不可少，而且必须位于 HTML 文档的第一行；

<html> 表示页面编写的代码都是 HTML 代码。它是成对出现的标签，直到 </html> 结束。除了声明文档外的所有代码都必须写在 <html></html> 中间；

<head>标签用来定义文档的“头部”， <head></head> 中间包裹的是所有的头部元素，这里定义的绝大部分数据都不会直接体现在页面上。页面的 title（标题）一般写在 <head></head> 中间；

<title> 表示页面的标题；

<body> 表示页面的"身体"，页面中的绝大部分内容都可以写在 <body></body> 之间。

二）关于标签

在HTML中我们需要用标签来完成网页的大部分布局。而稍微深入学习后，就可以发现HTML 中的标签根据闭合状态可以分为 2 种，单闭合标签和自闭和标签。

1. 单闭合标签

HTML 基本结构中的 <html></html>、<head></head>、<title></title> 以及 <body></body> 标签都属于单闭合标签。其中 <html>、<head>、<title> 以及<body>标签叫做起始标签，</html>、</head>、</title> 以及 </body> 标签叫做结束标签。由此我们可以看出，单闭合标签是指起始标签和结束标签同时存在的标签。

2. 自闭和标签

自闭和标签与单闭合标签的区别在于，它的结束标签可以使用/（结尾斜线）替代，直接写在起始标签的尾部。例如图像标签 <img> 可以写成 <img />，换行标签 可以写成 。

五、常用标签

一）普通标签

1.<title>标签：用于修改和定义文档的标题，被定义的标题显示在标签页上。

2.<meta>标签：可提供页面有关的元信息，比如网页字符编码等等。

Ps：gb2312包含全部中文字符；

utf-8 则包含全世界所有国家需要用到的字符；

页面编码应与页面文件保存时的编码一致。

3.<h1>~<h6>标签：标题标签，提供不同大小的标题字样。“h”后跟的数字越大，字号越小。

4.标签：段落标签。

5. 标签：换行标签，使文本信息换行。

Ps：在HTML中， 标签没有结束标签；而在XHTML中 标签必须被正确的关闭，如 。

6.<hr>标签：水平线标签，用来创建一条水平线。

二）字体样式标签

1.标签：使文本信息加粗。

2.标签：使文本信息倾斜。

三）特殊符号

特殊符号	字符实体	示例
空格		<a href="#">百度</a> \|  <a href="#">新浪</a>
大于号(>)	>	如果时间>晚上6点，就坐车回家
小于号(<)	<	如果时间<早上7点，就走路去上学
引号(")	"	W3C规范中，HTML的属性值必须用成对的"引起来
版权符号@	©	© 2003-2013 清华大学