欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

HTML入门

最编程 2024-07-07 07:07:20
...

        HTML(超文本标记语言)是一种用于创建网页结构和呈现的标记语言。它使用标签来表示不同的元素,例如标题、段落、图像、链接等。这些标签通常用尖括号(< >)括起来,并通常与闭合标签配对使用,以定义元素的开始和结束。HTML是构建网站的标准语言,被所有的网络浏览器支持。它经常与CSS(层叠样式表)和JavaScript一起使用,以创建交互式和视觉上吸引人的网页。

声明文档格式:DOCTYPE

首先,第一行:

<!DOCTYPE HTML>

声明了该文档是HTML 5的文档。

因为在Web世界里,有很多各式各样的文档类型,所以我们首先需要做的便是声明该文档是HTML,以便浏览器正确显示网页。

如果你想声明为HTML 4.01的文档可以这样写:

<!DOCTYPE `HTML` PUBLIC "-//W3C//DTD `HTML` 4.01 Transitional//EN"

"http://www.w3.org/TR/`HTML`4/loose.dtd">

        W3C(万维网联盟)在HTML5发布时决定移除版本号的原因是为了避免将HTML视为一个静态标准。过去,每个HTML版本都使用数字来表示,但这导致人们将HTML视为一种成熟的、不受更新的标准。然而,随着互联网的发展和技术的进步,W3C希望HTML能够不断演变和更新,以适应新的需求和技术。因此,W3C决定将HTML5声明中的版本号移除,以强调HTML的动态性和灵活性,以及其不断适应变化的能力。这样一来,HTML就不再是一个固定的标准,而是一个不断发展和改进的技术。

根元素:HTML 元素

然后,<HTML>元素告知浏览器其本身是一个HTML文档。

除去第一行外,其余的页面内容都应该包含在<HTML>元素中,所以它也被称为根元素。

头元素:head 元素

与属性会给元素增添附加信息一样,head元素能为整个网页增添更多信息。可以用在head中的标签有<base>, <link>, <meta>, <script>, <style>, 以及 <title>。在之后的学习中,你将逐渐的了解它们。

网页标题元素:title

 title元素的内容即网页标题,它是一个网页必需的元素之一。

<title>的内容一般作为网页标签名,写法如下:

<title>标题内容</title>

title内容显示位置:

元信息元素:meta

meta元素提供元数据信息,主要包括:

  1. 页面编码;

  2. 网页标题;

  3. 网页描述;

  4. 网页关键词。

这些信息,一方面可用于告知浏览器如何展示页面,另一方面可以提供给搜索引擎检索。 因为搜索引擎会通过meta元素的namecontent属性来检索页面,所以当我们加入了合适的关键字和描述内容时,页面就更容易被搜索引擎发现。

编码格式:charset
<meta charset="utf-8">

该行定义了浏览器解析网页文档时使用的编码方式。通常,我们使用utf-8编码以支持各国语言。

描述:description

描述信息使用一句话告知搜索引擎我们网页的主要内容是什么。

通常description的写法如下:

<meta name="description" content="balabalabala">
关键词:keywords

同理,关键词信息使用多个并行的关键词告知搜索引擎我们网页内容的关键词信息。

通常keywords的写法如下:

<meta name="keywords" content="keyword1,keyword2,keyword3">
主体元素:body 元素

<body>元素是一个文档的主体,文档内容都包含在<body>元素中,最终呈现在网页上。