什么是HTML?
HTML:超文本的英文是“ HyperText Markup Language”。其中包含链接的文本是超文本。每当您单击将您带到新网页的链接时,您都单击了超文本。HTML是一种将两个或多个网页(HTML文档)相互链接的方法。
标签:当我们谈论标签时,我们指的是文本中使用的标签,让浏览器知道不同元素将如何显示。标签塑造内容、组织内容并提供更多详细信息。
语言:这里的语言是指计算机可以解码并在Web浏览器中显示的一种编写Web内容的方式。
重要条款
网页:网页是通常用HTML编写并由Web浏览器翻译的文档。可以通过输入URL来识别网页。网页可以是静态或动态类型。仅借助HTML,我们就可以创建静态网页。
网站:网站在单个域名下链接一组相似的网页。它由主页、有关公司的页面、联系表和其他部分组成。网站上的所有页面都使用超链接连接。
浏览器:Chrome、Firefox和Safari等网络浏览器是收集、阅读和显示网页的程序。为了帮助用户,它处理HTML、CSS和JavaScript代码并通过用户界面呈现它们。
HTML是一种标签语言,用于在样式的帮助下创建有吸引力的网页,并且在Web浏览器上看起来格式很好。HTML文档由许多HTML标签组成,每个HTML标签包含不同的内容。
HTML文档的结构
HTML文档由按元素和标签组织的内容组成。这个HTML示例非常基本:
<!DOCTYPE html>
<html>
<head>
<title>代码号title</title>
</head>
<body>
<h1>代码号提示;这是一个标题</h1>
<p>代码号提示;这是一个段落</p>
</body>
</html>
HTML示例说明
我们可以看到上面示例的结构如下:
<!DOCTYPE>:它定义文档类型,或指示浏览器有关HTML版本的信息。
<html>:此标签通知浏览器它是HTML文档。html标签之间的文本描述Web文档。它是除<之外的所有其他HTML元素的容器!文档类型>
<hand>:它应该是<html>元素中的第一个元素,其中包含元数据(有关文档的信息)。在正文标签打开之前,必须将其关闭。
<title>:顾名思义,它用于添加该HTML页面的标题,该页面显示在浏览器窗口的顶部。它必须放置在头部标签内,并应立即关闭。(可选)
<body>:正文标签之间的文本描述了最终用户可见的页面正文内容。此标签包含HTML文档的主要内容。
<h1>:<h1>标签之间的文本描述网页的第一级标题。
<p>:<p>标签之间的文本描述网页的段落。
HTML标签、元素和属性
标签
标签是用角括号(<or>)括起来的关键字。
示例包括<p>、<h1>或<a>。
注意:<br>和<hr>等标签被视为空元素,因为它们没有结束标签。
元素
元素由开始标签、一些内容和结束标签组成。
例
<p>这是第一段</p>
属性
属性通过添加行为和样式等额外属性来帮助更改标签的工作方式或外观。
例
<a href=“https://www.ebingou.cn”>访问网站</a>
这里,“href”是值为“https://www.ebingou.cn”的属性。
空元素
某些元素(如<img>和<meta>不需要结束标签,因为不需要包含标签之间的信息。
常见HTML元素
| 元素 | 描述 |
|---|---|
| <h1>至<h6> | 从最重要(<h1>)到最少(<h6>)的标题。有助于搜索引擎优化和可访问性。 |
| <p> | 用于文本块的段落元素。 |
| <a> | 锚标签用于超链接。 |
| <img> | 嵌入图像。 |
| <ul>,<ol>,<li> | 列表:无序、有序和列表项。 |
| <table> | 按行和列组织数据。 |
| <button> | 创建可点击的按钮。 |
如今,HTML5使用名为<header>、<footer>、<section>、<article>和<nav>的标签来帮助解释页面的结构。可以帮助阅读和理解复杂的代码进行简单化阅读。
HTML的特点
什么是HTML
这是一种非常简单易懂的语言。它可以轻松理解和修改。
使用HTML进行有效的演示非常容易,因为它有很多格式标签。
它是一种标签语言,因此它提供了一种灵活的方式来设计网页和文本。
它方便程序员添加网页链接(通过html锚标签),从而增强用户浏览的兴趣。
它是独立于平台的,因为它可以在任何平台上显示,例如Windows、Linux、Macintosh等。
它有助于程序员向网页添加图形、视频和声音,从而使它们更具吸引力和交互性。
HTML是一种不区分大小写的语言,我们可以使用小写或者大写标签。
注意:建议所有标签都用小写,保持一致性、可读性等。
HTML简史
在1980年代后期,一位物理学家蒂姆·伯纳斯·李(TimBerners-Lee)是欧洲核子研究中心的承包商,他为欧洲核子研究中心的研究人员提出了一个系统。1989年,他写了一份备忘录,提出了一种基于互联网的超文本系统。
TimBerners-Lee被称为HTML之父。第一个可用的HTML描述是Tim于1991年底提出的名为“HTML标签”的文档。HTML的最新版本是HTML5,我们将在本教程的后面部分学习。
HTML版本
自从该语言发明以来,已经发布了许多不同的HTML版本。以下是主要内容的快速介绍:
HTML1.0:HTML的第一个版本是1.0,它是HTML语言的准系统版本,于1991年发布。
HTML2.0:这是下一个版本,于1995年发布,是网站设计的标准语言版本。HTML2.0能够支持额外的功能,例如基于表单的文件上传和表单元素,例如文本框、选项按钮等。
HTML3.2:HTML3.2版本由W3C于1997年初发布。此版本能够创建表并支持表单元素的额外选项。它还可以支持具有复杂数学方程的网页。直到1997年1月,它成为任何浏览器的官方标准。今天,大多数浏览器实际上都支持。
HTML4.01:HTML4.01版本于1999年12月发布,它是HTML语言的一个非常稳定的版本。此版本是当前的官方标准,它提供了对样式表(CSS)的额外支持和各种多媒体元素的脚本编写能力。
HTML5:HTML5是超文本标签语言的新版本。该版本的初稿于2008年1月公布。一个是W3C(万维网联盟),另一个是WHATWG(Web超文本应用技术工作组),参与了HTML5版本的开发,目前还在开发中。
HTML版本摘要
| 版本 | 年 | 突出 |
|---|---|---|
| HTML1.0 | 1991 | 第一个版本简单明了。 |
| HTML2.0 | 1995 | 在页面中引入了复选框和按钮等功能。 |
| HTML3.2 | 1997 | 包括表格、脚本功能和基本样式工具。 |
| HTML4.01 | 1999 | 更强大、支持样式表(CSS)和脚本功能。 |
| HTML5 | 2008年至今 | 引入了语义元素、播放音频和视频的能力以及当前标签中的移动兼容性等功能。W3C和WHATWG技术。 |
适用于所有现代网络浏览器。
由许多工具和编辑器支持。
Web开发的坚实基础。
组织任何Web项目的关键。
帮助搜索引擎更好地索引和排名网页。
HTML的缺点
只能创建静态页面;动态功能需要JavaScript或服务器端语言。
由于有大量的HTML文件,处理大型项目变得困难。
一些小错误可能会导致页面需要很长时间才能加载。
您可以尝试编辑和执行此示例代码,只需单击在线试一试运行或将其粘贴到任何其他在线编辑器中尝试。
结论
没有HTML就没有任何网页。如果没有HTML,网站是杂乱无章的。虽然HTML很简单,但与CSS和JavaScript结合使用时会变得很强大。任何对网页设计、开发感兴趣的人都应该学习HTML,因为它是Web发展的核心部分。
无论是在制作博客、设计页面还是整个Web应用程序,HTML都是起点。