当前位置: 首页 > 文档资料 > HTML 入门教程 >

概述

优质
小牛编辑
122浏览
2023-12-01

HTML代表H yper t ext M arkup L anguage,它是编写网页时使用最广泛的语言。

  • Hypertext指的是网页(HTML文档)链接在一起的方式。 因此,网页上可用的链接称为超文本。

  • 顾名思义,HTML是一种Markup Language ,这意味着您可以使用HTML简单地“标记”文本文档,并使用标记告诉Web浏览器如何构建它以进行显示。

最初,HTML的开发旨在定义文档的结构,如标题,段落,列表等,以便于研究人员之间共享科学信息。

现在,HTML被广泛用于借助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.No标签和说明
1<!DOCTYPE...>

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

2<html>

此标记包含完整的HTML文档,主要包括由 ... head>表示的文档标题和由 ... body>标记表示的文档正文。

3<head>

此标记表示文档的标题,可以保留其他HTML标记,如

,等。
4<title>

在标记内使用

标记来提及文档标题。
5<body>

此标记表示文档的主体,它保留其他HTML标记,如 <h1gt;,<divgt;,<pgt;等。

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>

我们将在后续章节中研究所有标题和正文标记,但现在让我们看看什么是文档声明标记。

声明

Web浏览器使用声明标记来了解文档中使用的HTML版本。 当前版本的HTML为5,它使用以下声明 -

<!DOCTYPE html>

还有许多其他声明类型可以在HTML文档中使用,具体取决于使用的HTML版本。 在讨论标记以及其他HTML标记时,我们会看到更多有关此内容的详细信息。

最后更新:

类似资料

  • 以前在网页中进行交互绘图是很困难的(需要依赖额外的第三方插件),而引入的Canvas特性使得作者可以很容易的在网页上绘制各种图形和图像。 Canvas提供了脚本(JavaScript)应用接口,我们可以使用JS代码来操作画布,添加各种图形以及实现用户交互。这些特性使得HTML5在开发网页游戏和一些复杂的网页动画上变得更加方便。 比如下面这个例子,使用Canvas实现了简单的在线画板功能,你可以直接

  • 如本书前言中所言,HTML5带来了很多新的让开发者振奋的特性,比如: 画布(Canvas) 本地存储(Local Storage) 地理位置(Geolocation) 音频(audio) 视频(video) 网页套接字(WebSocket) 这些特性的主要设计意图是为了扩展网页应用接口,以达到本地应用或以前需要借助第三方插件(如Flash、Silverlight等)才能具备的能力(第三方插件总是会

  • 本文向大家介绍ASP.NET入门之HTML服务器控件概述,包括了ASP.NET入门之HTML服务器控件概述的使用技巧和注意事项,需要的朋友参考一下 ASP.NET 中的HTML服务器控件是服务器可理解的HTML标签。 ASP.NET 文件中的 HTML 元素默认作为文本进行处理。为了使这些元素可编程化,需要向 HTML 元素添加 runat="server" 属性。该属性指示该元素应作为服务器控件

  • 概述 国际化和本地化的目的就是让一个网站应用能做到根据用户语种和指定格式的不同而提供不同的内容。 Django 对文本翻译, 日期、时间和数字的格式化,以及时区提供了完善的支持。 实际上,Django做了两件事: 由开发者和模板作者指定应用的哪些部分应该翻译,或是根据本地语种和文化进行相应的格式化。 根据用户的偏好设置,使用钩子将web应用本地化。 很显然,翻译取决于用户所选语言,而格式化通常取决

  • 虽然Django 满满的便捷性让Web 开发人员活得轻松一些,但是如果不能轻松地部署你的网站,这些工具还是没有什么用处。Django 起初,易于部署就是一个主要的目标。有许多优秀的方法可以轻松地来部署Django: 如何使用WSGI 部署 部署的检查清单 FastCGI 的支持已经废弃并将在Django 1.9 中删除。 如何使用FastCGI、SCGI 和AJP 部署Django 如果你是部署D

  • 本书概述 进程的概念大家都很熟悉,但你是否能准确说出僵尸进程的含义呢?还有 COW(Copy On Write)、Flock(File Lock)、Epoll 和 Namespace 的概念又是否了解过呢? 本书汇集了进程方方面面的基础知识,加上编程实例,保证阅读后能自如地回答以上问题,在项目开发中对进程的优化也有更深的理解。 本书架构 本书按循序渐进的方式介绍进程的基础概念和拓展知识,主要涵盖以