HTML已有很长的历史了，因此您该学习基础知识了。它是什么，它如何工作，以及如何用HTML编写一些常见元素。
在开始之前，请确保您已阅读免费的在线HTML编辑器指南。
什么是HTML ？
HTML是用于构造网页的语言。 HTML代表超文本标记语言，它是针对您的网络浏览器的一组简单说明。使用这些说明，浏览器将显示网页的外观。
重要的是要了解它是一种标记语言，而不是编程语言。编程语言可以解决数学方程式，处理数据或移动视频游戏角色等问题。
您无法用HTML编写任何逻辑。它只与布局有关。
HTML看起来像什么？
HTML由几个称为“标签"的元素组成。标记是用于设置网页特定部分样式的说明。回到构造上，HTML是计划，而标记是诸如窗户或门之类的特定功能。
这是HTML中一个非常基本的网页的外观：
<html> <head> <title>MUO Website</title> </head> <body> </body></html>标记在HTML是预先定义的，并指定常见功能，例如图像，指向其他网页的链接，按钮等。
绝大多数标记必须打开和已关闭。这仅定义了一些功能，其中包含文本，图像或其他标签，然后结束了定义。回想房子，打开标签就像说“在这里启动窗口"，而关闭标签就像说“窗口在这里结束"。
HTML标签实际上不会显示在您的网站。您的浏览器会按照说明进行操作，但不会向任何访问者显示。但是，这不是秘密。发布网页后，任何人都可以查看您的HTML。
尽管有许多不同的HTML标签，但您不必在编写网站代码之前就学习全部HTML标签。今天，您将学习如何编写一些常见标签，以及它们的用途。
什么是HTML标签属性？
关于标签的最后一件事是属性。属性定义标签的特殊功能。如果标签是窗户和门，则属性指定特定的建筑物详细信息。这可以是框架的宽度和高度，无论是打开窗户还是门有锁。
在打开标签中包含属性，例如：
<p width="123" height="567"></p>您不能仅仅组成自己的标签或属性。属性和标记由万维网联盟（W3C）预先定义。
什么是HTML5？
HTML5是HTML的最新版本。它包含几个新的标记，属性和功能。
由于HTML是一组指令，因此不同的Web浏览器有时会对其进行不同的解释。除非另有说明，否则一个浏览器可能会决定将门和门涂成黑色。
尽管浏览器终于开始变得非常一致，但是有时您仍然会因为非常新的功能而被吸引住。也许Google Chrome浏览器已经实现了新标签，但微软的Internet Explorer尚未实现。
在大多数情况下，您的网页在所有主要浏览器上的外观都相同，但是仍然值得进行快速测试在发布任何内容之前，尤其是如果您使用的是较新的标记（可能尚未受所有浏览器支持）。
如果您想了解有关HTML5的更多信息，请查看我们的HTML5入门指南。
如何注释掉HTML
与许多其他语言，标记或编程一样，HTML能够“注释掉"标记块。评论是浏览器忽略的内容。这可能是一条提示，以提醒您自己网站的这一特定部分。
通过注释掉标记，您指示浏览器忽略一个或多个标签。这可能对删除功能或隐藏网站的一部分而不删除代码很有用。
当网络浏览器看到评论时，它将其理解为“在我说之前不要使用这些说明"。除此以外"。注释包括一个“开始"注释和一个“结束"注释，就像标记一样。
这里是一个示例：
<!-- Don't forget to add the XYZ here! --><p width="123" height="567"></p>注释代码的方式完全相同：<
<!-- <p width="123" height="567"></p> -->将标记放在注释标记之间，而不是显示消息。
如何在HTML中插入图像
将图像插入HTML标签：
与大多数其他标签不同，图像标签不需要关闭。
如何在HTML中更改字体
可以使用< strong> font 标签和 face 属性：
<font face="arial">MUO Arial Text</font>
字体大小可以使用 size 属性轻松更改：
<font size="12">MUO Big Text</font>
如果要更改字体颜色，可以使用 color 属性轻松完成：
<font color="red">MUO Red Text</font>
这些属性是 font独有的标签。如果您希望使用另一个标签，可以通过将一个标签放置在另一个标签中来嵌套标签：
<p><font color="red">MUO Red Text</font></p>如何在HTML中添加链接
链接可以使用 a 标签添加：
<a href="//www.PCPC.me">PCPC.me</a>href 属性是链接的目标。
如何制作HTML中的表
HTML表涉及嵌套几个不同的标记。您需要从表标记开始：
<table> </table>现在使用 tr 标记添加一些行：
<table> <tr> </tr> <tr> </tr> <tr> </tr></table>最后，使用 td 标记创建表格单元格，该表格单元格还将创建列：
您可能会过度使用表格布局，但实际上通常最好尽可能使事情简单。过去，表格是用来构造网页的，但是这种做法过时并且看起来很糟糕。保留表格只是为了将数据中继到读者。
将CSS与HTML结合使用
这些示例涵盖了基础知识，但是如果您想真正发挥创意，就需要使用CSS。级联样式表使您可以更好地控制网站设计，并允许您在网站的不同部分之间重用大量代码。
虽然我们有学习CSS的教程，但仍有一些
如果要在HTML旁边编写CSS，可以使用 style 属性。此属性仅将CSS应用于其上使用的标签：
<p ></p>虽然这种方法效果很好，但是如果您有很多需要类似样式的标记，就会发现很难维护。
更好的方法是使用放置在 head 标签内的 style 标签。在这里，您可以为整个页面定义CSS：
<html> <head> <style type="text/css"> MANY CSS RULES </style> </head></html>样式标签的属性为 text / css 。这是必需的，以便让您的浏览器知道标记中期望的确切样式。
使用CSS的第三种也是最后一种方法是使用 link 标记通过外部文件。这会将您的HTML链接到存储在其自己文件中的CSS，如果您的HTML数量很多，则非常有用：
<link rel="stylesheet" type="text/css" href="muostyle.css">此处使用了多个属性。 rel 属性将您的链接声明为样式表。在 type 属性中再次定义了“文本/ css"的类型，在 href 属性中可以找到外部文件。
您如何用HTML创建网站？
您已经看到，HTML确实还不错，不是吗？使用一些简单的标记和属性，即使您以前从未编写过HTML，也可以快速组装一个网页！
如果您要编写一个完整的网站，请确保您选择了一个完整的网站。看看我们的网站初学者指南。
.jpg?q=50&fit=contain&w=480&h=300&dpr=1.5)