云服务器价格_云数据库_云主机【优惠】最新活动-搜集站云资讯

云数据库_access数据库管理系统_折扣

小七 141 0

那么我们从哪里开始呢?一路在时间的开始!138亿年前,宇宙是在众所周知的大爆炸中被创造出来的。让我们从HTML的起源开始吧。

HTML(也称为超文本标记语言)已经有一段时间了,如果你不熟悉的话。它是网页结构的标准。它是定义我们的Web(或万维网,www)标准的一组3种技术的一部分。另外2个,CSS和JavaScript,我们将在稍后讨论。但是这个HTML是构建web页面或应用程序的基础。这就是你的浏览器如何知道显示什么以及在屏幕上的位置。

太好了,所以这个4个字母的缩写告诉互联网如何呈现一个页面。浏览器是如何读取的?是什么结构使它如此友好?

标签!

HTML使用预定义的标记来构建网页。有一些非常关键的标签让你知道。定义网站结构的前3个是、和。但在此之前,您还需要声明文档类型

thetag是打开网页的方式。这应该是第一次。这是浏览器读取的第一行,它知道它实际上正在读取一个HTML文档。之后的一切都只是结构。

大多数标签需要打开和关闭。结束标记通常由单词开头带有反斜杠的标记组成。例如,是html的打开和关闭标记。这个规则有一些例外,但是现在,假设所有的标签都必须以这种方式打开和关闭?打开一个代码编辑器,大数据指的是什么,比如Atom或Notepad++。我们将从本地开始。

那么,创建网页的第一件事是什么?

没错,文件类型声明!

现在让我们使用我前面提到的3个标记来定义基本结构:HTML、head和body。

因此HTML标记告诉浏览器从哪里开始查找页面结构。head标签包含用户无法直接看到的关于页面的所有信息。这是用于搜索引擎、书签等的东西。您将定义出现在页面选项卡中的页面名称,这就是我们真正能够看到的。你也可以在这里定义引用脚本和文件,下周我们将进一步了解它们。

body标签是所有用户可见的内容所在。如果您看到过一些html标记,如或

或,那么所有这些都会进入正文(一般来说)来定义页面对用户的外观。出于我们的目的,我们会说这定义了页面的所有结构和格式,但在接下来的几周里,您将看到这将如何变化。

让我们给页面一个标题和一些快速文本,然后我们将在浏览器中查看。

在打开和关闭标记之间,定义一个标题。

在开始和结束标记之间,添加一些文本。现在,我们不添加标签。简单的旧文本。

保存文件并命名索引.html

为什么我们要命名我们的文件索引?

因为这是进入域时的默认文件名(除非另有说明-稍后讨论)。让我们快速解析一个url。所以在这样一个网址https://www.sap.com/community.html文件名是显式提到的。我们想要社区.html要显示的文件。但是,如果我们删除社区.html从url,我们显示什么页面?应该加载哪个文件?快点!会发生什么?我们被指示https://www.sap.com/index.html。我们命名我们的主文件索引.html因为如果没有指定文件名,浏览器会将其解释为索引.html. 您可以覆盖此重定向,但现在,我们将保留浏览器的默认规则。

因此,一旦您保存了文件,您可以双击它,它将在您的浏览器中打开。

还不太令人兴奋,但看看选项卡的名称如何与我们在标题标记中定义的名称相同?我们的页面上只有我们放在页面上的纯文本?现在我们已经了解了这些标记在屏幕上的呈现方式,让我们对页面进行一些调整。

回到编辑器中,让我们为正文添加一些格式。

使用标记添加标题。这些是标题标签,标题级别可以从1(顶层)一直到6。级别号越大,标题就越不重要。

然后,用一对

标记将纯文本包装起来。这将定义为一个新的段落。这是一个有用的标签,用于分解文本,因为它为页面添加了自然的新行和间距。

请确保保存,然后在浏览器中刷新页面。

如果要添加链接,大淘客app,这就是标签的作用。标签是锚。您可以使用它们在页面上跳转(例如"跳转到底部"、"返回顶部"链接),或者它们可以是外部引用。让我们链接到我们的SAP员工档案。我们通过标记定义中的href属性来定义要去的地方。我将添加第二个名为target的属性,它指定在何处打开新页。在这种情况下,我希望它是一个新的选项卡,所以我使用_blank.

保存更改,并刷新浏览器。

单击链接。这将打开一个新的页面与您的SAP人员配置文件。

有很多伟大的资源开发使用HTML,智能物联网,但它不是真正的标准,为建立一个网页或应用程序这些天。在我们深入研究构建web应用程序的一些更具动态性的部分之前,返利购物,服务器云服务器,我想花一些时间来介绍基本的构建块。在我们深入兔子洞之前,理解页面是如何构造的是很重要的。所以,如果你想了解更多的内容,请自由探索W3MeStand的HTML介绍,但这是构建网页的一个很好的基础。下周,我们将看看CSS来探索你的网页风格。