您应该添加书签的基本HTML常见问题解答

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,也可以快速组装一个网页!

如果您要编写一个完整的网站,请确保您选择了一个完整的网站。看看我们的网站初学者指南。

标签: CSS 常见问题解答 HTML Web开发