什么是 HTML?前端入门基础教程,带您全面认识HTML

2022-11-24 0 957

HTML 或LZ77记号词汇 容许 Web 采用者采用原素、条码和特性建立和内部内部结构部份、章节和镜像。不过,更为重要的是,HTML 无法被视作一类编程词汇,即使它无法建立静态机能。

什么是 HTML?前端入门基础教程,带您全面认识HTML

HTML有许多示例,即:

网页开发。合作开发者采用 HTML 标识符来内部结构设计插件怎样表明网页原素,比如文档、源文件和音频文件。互联网导航系统。虽然 HTML 被大批用作内嵌源文件,因而采用者能随心所欲地在有关网页和中文网站间导航系统和填入镜像。互联网文档。HTML 使组织机构和序列化文件格式正式成为可能将,近似于 Microsoft Word。还更为重要的是,HTML 那时被视作非官方 Web 国际标准。因特网国联 (W3C)保护和合作开发 HTML 规范化,与此同时提供更多不定期更新。

责任编辑将如是说 HTML 的基本知识,主要包括它的组织机构工作基本原理、优劣和它与 CSS 和 JavaScript 的亲密关系。

甚么是 HTML?

HTML(代表者LZ77记号词汇)是形成绝大多数网页和新浪网插件的计算机词汇。LZ77是用作提及其它文档短片的文档,而记号词汇是说 Web 伺服器文件格式的式样和内部结构的一连串记号。

HTML 是怎样组织机构工作的

什么是 HTML?前端入门基础教程,带您全面认识HTML

在亚洲地区的中文网站上找了几圈,这应该是如是说历史最细致的,长按保存手机里翻译

html文件

平均每个中文网站包含几个不同的信息 HTML 网页。比如,主页、关于网页和联系网页都将具有单独的 HTML 文件。

HTML 文件格式是以 .html 或 .htm 扩展名结尾的文件。Web 插件读取 HTML 文件并呈现其内容,以便互联网采用者能查看它。

html原素的三个部份

所有 HTML 网页都有一连串 HTML 原素,由一组条码和特性组成。HTML 原素是网页的构建块。条码说 Web 插件原素在哪里开始和结束,而特性描述原素的特征。

原素的三个主要部份是:

开始条码 – 用作说明原素开始生效的位置。条码用左尖括号和右尖括号包裹。比如,采用开始条码 <p> 建立一个章节。内容——这是其它采用者看到的输出。结束条码 – 与开始条码相同,但在原素名称前有一个正斜杠。比如,</p> 结束一个章节。

这三个部份的组合将建立一个 HTML 原素:

<p>这是在HTML中添加章节的方法。</p>

HTML 原素的另一个关键部份是它的特性,它有两个部份——名称和特性值。名称标识采用者想要添加的附加信息,并且特性值给出进一步的说明。

比如,添加紫色和 font-family verdana 的式样原素将如下所示:

<p style= “color:purple;font-family:verdana” >这是在HTML中添加章节的方法。< /p >

另一个特性,HTML 类,对于合作开发和编程来说是最重要的。class 特性添加了能作用作具有相同类值的不同原素的式样信息。 比如,我们将对标题 <h1> 和章节 <p> 采用相同的式样。式样主要包括背景颜色、文档颜色、边框、边距和填充,在 .important 类下。要在 <h1> 和 <p> 间实现相同的式样,请在每个开始记号后添加 class=”important”:

<html> <head> <style> .important { background-color: blue;color: white; border: 2px solid black; margin: 2px; padding: 2px; } </style> </head> <body> <h1 class=“important”>This is a heading</h1> <p class=“important”>This is a paragraph.</p> </body> </html>

绝大多数原素都有一个开始条码和一个结束条码,但有些原素不需要结束条码即可组织机构工作,比如空原素。这些原素不采用结束条码,即使它们没有内容:

< img src= “/” alt= “图像” >

这个图像条码有两个特性——一个src特性,图像路径,和一个alt特性,描述性文档。但是,它没有内容,也没有结束条码。

什么是 HTML?前端入门基础教程,带您全面认识HTML

最后,每个 HTML 文件格式都必须以 <!DOCTYPE> 声明开头,以告知 Web 插件文件格式类型。采用 HTML5,doctype HTML public 声明将是:

< !DOCTYPE html >

最常用的 HTML 条码和 HTML 原素

目前,有 142 个 HTML 条码能用作建立各种原素。尽管现代插件不再支持其中一些条码,但学习所有可用的不同原素仍然是有益的。

第二节将讨论最常用的 HTML 条码和两个主要原素——块级原素和内联原素。

块级原素

块级原素占据网页的整个宽度。它总是在文件格式中开始一个新行。比如,标题原素将位于与章节原素不同的行中。

每个 HTML 网页都采用这三个条码:

<html>条码是定义整个 HTML 文件格式的根原素。<head> 条码保存网页标题和字符集等元信息。<body>条码包含了网页上出现的所有内容。<html> <head> <!– META INFORMATION –> </head> <body> <!– PAGE CONTENT –> </body> </html>

其它流行的块级条码主要包括:

标题条码 – 这些范围从 <h1> 到 <h6>,其中标题 h1 的大小最大,当它们向上移动到 h6 时变得越来越小。章节条码——全部采用 <p> 条码括起来。列表条码——有不同的变体。<ol> 条码用作有序列表,<ul> 用作无序列表。然后,采用 <li> 记号将各个列表项括起来。

内联原素

内联原素序列化块级原素的内部内容,比如添加镜像和强调的字符串。内联原素最常用作在不破坏内容流的情况下序列化文本。

比如,一个 <strong> 条码会以粗体呈现一个原素,而 <em> 条码会以斜体表明它。源文件也是采用 <a> 记号和 href 特性来指示镜像目标的内联原素:

<a href=“https://www.icodingdeu.com/” >点我!</a>

HTML 演变——HTML 和 HTML5 有甚么区别?

HTML 的第一个版本由 18 个条码组成。从那时起,每个新版本都带有添加到记号中的新条码和特性。迄今为止,该词汇最重大的升级是 2014 年引入的 HTML5。

HTML 和 HTML5的主要区别在于HTML5 支持新类型的表单控件。HTML5 还引入了几个语义条码,能清楚地描述内容,例如 <article>、<header> 和 <footer>。

HTML 的优点和缺点

就像任何其它计算机词汇一样,HTML 有其优点和局限性。以下是 HTML 的优劣:

优点:

初学者友好:HTML具有干净且一致的记号,和较浅的学习曲线。支持领域广:该词汇被广泛采用,拥有大批资源和庞大的社区。无障碍:它是开源的并且完全免费。HTML 在所有 Web 插件中本机运行。灵活的:HTML很容易与PHPNode.js等后端词汇集成。

就像任何其它计算机词汇一样,HTML 有其优点和局限性。以下是 HTML 的优劣:

缺点:

静止的该词汇主要用作静态网页。对于静态机能,您可能将需要采用 JavaScript 或 PHP 等后端词汇。单独的 HTML 网页 采用者必须为 HTML 建立单独的网页,即使原素相同。插件兼容性 一些插件采用新特性的速度很慢。有时较旧的插件并不总是呈现较新的条码。

HTML、CSS 和 Javascript 是怎样有关的

HTML 用作添加文档原素并建立内容内部结构。不过,仅仅建立一个专业的和完全响应的中文网站是不够的。因而,HTML 需要借助层级式样表 (CSS)和JavaScript来建立绝绝大多数中文网站内容。

CSS 负责式样,比如背景、颜色、布局、间距和动画。JavaScript 添加了静态机能,比如滑块、弹出窗口和照片库。这三种词汇是后端合作开发的基础。

结论

HTML 是 Internet 上的主要记号词汇。每个 HTML 网页都有一连串建立网页或插件内容内部结构的原素。

HTML 是一类对初学者友好的词汇,有许多支持,主要用作静态中文网站网页。HTML 与用作式样的 CSS 和用作功能的 JavaScript 一起采用效果最好。

我们还向您展示了一些新浪网教学课程,它们将有助于提高您的 HTML 知识或提供更多对 HTML 的基本理解。

什么是 HTML?前端入门基础教程,带您全面认识HTML

如果您有任何其它喜欢的资源来学习 HTML,请在评论部份说我们。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务