HTML简介

/ / HTML简介

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSSJavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。

HTML元素是构建网站的基石。HTML允许嵌入图像与对象,并且可以用于创建交互式表单,它被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。HTML的语言形式为尖括号包围的HTML元素(如<html>),浏览器使用HTML标签和脚本来诠释网页内容,但不会将它们显示在页面上。

HTML可以嵌入如JavaScript的脚本语言,它们会影响HTML网页的行为。网页浏览器也可以引用层叠样式表(CSS)来定义文本和其它元素的外观与布局。维护HTML和CSS标准的组织万维网联盟(W3C)鼓励人们使用CSS替代一些用于表现的HTML元素。-- 维基百科

HTML文档

以最简单的形式,下面是一个HTML文档的示例-

<!DOCTYPE html>
<html>

   <head>
      <title>This is document title</title>
   </head>
	
   <body>
      <h1>This is a heading</h1>
      <p>Document content goes here.....</p>
   </body>
	
</html>

HTML标签

如前所述,HTML是一种标记语言,并使用各种标签来格式化内容。 这些标签包含在尖括号<Tag Name>中。 除少数标签外,大多数标签都有其对应的结束标签。 例如,<html>带有结束标记</html>,而<body>带有结束标记</body>标记等。

上面的HTML文档示例使用以下标签-

Sr.NoTag & Description
1 <!DOCTYPE...>

此标记定义文档类型和HTML版本。

2 <html>

该标签包含完整的HTML文档,主要由<head> ... </head>表示的头部和<body> ... </body>标记表示正文组成。

3 <head>

此标记代表文档的标题,该标题可以保留其他HTML标记,例如<title>,<link>等。

4 <title>

<head>标记内使用<title>标记来提及文档标题。

5 <body>

此标记表示文档的正文,其中保留了其他HTML标记,例如<h1>,<div>,<p>等。

6 <h1>

此标记表示标题。

7 <p>

此标记代表一个段落。

要学习HTML,您需要在格式化文本文档时研究各种标签并了解它们的行为。学习HTML很简单,因为用户必须学习不同标签的用法才能对文本或图像进行格式化,从而制作出精美的网页。

万维网联盟(W3C)建议使用从HTML 4开始的小写标签。

无涯教程网

HTML结构

典型的HTML文档将具有以下结构-

<html>
   
   <head>
      Document header related tags
   </head>
   
   <body>
      Document body related tags
   </body>
   
</html>

无涯教程将在随后的章节中研究所有标题和正文标签,但是现在看看什么是文档声明标签。

The <!DOCTYPE> Declaration

Web浏览器使用<!DOCTYPE>声明标签来了解文档中使用的HTML版本。 HTML的当前版本是5,它使用以下声明-

<!DOCTYPE html>

根据正在使用的HTML版本,HTML文档中可以使用许多其他声明类型。 在讨论<!DOCTYPE ...>标签以及其他HTML标签时,将看到更多详细信息。

HTML完整目录

祝学习愉快! (发现内容有误?请选中要编辑的内容 -> 右键 -> 修改 -> 提交!帮助我们改进教程质量)

精选教程推荐

👇 以下精选教程可能对您有帮助,拓展您的技术视野

结构思考力 · 透过结构看问题解决 -〔李忠秋〕

Kubernetes入门实战课 -〔罗剑锋〕

深入剖析Java新特性 -〔范学雷〕

软件设计之美 -〔郑晔〕

移动端自动化测试实战 -〔思寒〕

DevOps实战笔记 -〔石雪峰〕

从0打造音视频直播系统 -〔李超〕

Linux实战技能100讲 -〔尹会生〕

人工智能基础课 -〔王天一〕

📝 好记忆不如烂笔头,留下您的学习笔记吧!

暂无学习笔记,成为第一个分享的人吧!

您的笔记将帮助成千上万的学习者