HTML - 入门教程

HTML - 入门教程 首页 / 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文档的示例-

链接:https://www.learnfk.comhttps://www.learnfk.com/html/html-overview.html

来源:LearnFk无涯教程网

<!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目录

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

程序员的数学基础课 -〔黄申〕

iOS开发高手课 -〔戴铭〕

趣谈Linux操作系统 -〔刘超〕

分布式协议与算法实战 -〔韩健〕

Redis源码剖析与实战 -〔蒋德钧〕

如何讲好一堂课 -〔薛雨〕

郭东白的架构课 -〔郭东白〕

计算机基础实战课 -〔彭东〕

结构学习力 -〔李忠秋〕

好记忆不如烂笔头。留下您的足迹吧 :)