Day2 介绍网页的基础架构

要开始写网页之前,首先要了解到网页是如何形成的,其实网页形成非常的简单,透过网页浏览器(google、firefox、IE)将网页档案解释完後呈现给使用者,就会是我们平常所看到的介面。而有时候我们不小心乱按到键盘,跳出来很多看似乱码的东西,其实就是构成我们网页的程序码。

像是以下的图片,就是我们网页的架构


这些密密麻麻的文字,都有它所代表的意思,一个网页的大框架是由html所完成的,所以简单来说,一个最原始最基本的网页只要透过普通的文字编辑器,记事本就可以办到,或是一些网路上方便的编辑器(vscode、sublime),使用这些编辑器可以让你更方便完成网页的制作,而讲了那麽多,甚麽是html呢?

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用於建立网页的标准标记语言。

这是维基百科上的解释,看完是不是还是屋煞煞,简单来说html就是网页的地基,不同的浏览器要解释不同的档案,而我们必须要制定一个大家都懂的语言,才能够分辨出这个网页要呈现的样子,而html包含了各种标签,这个标签可以理解为,我一个网页需要不同大小的字体,那就会有h1,h2,h3分别代表不同大小字体的标签出现,而当然网页不只有可以调整字体大小,还会有超连结、图片、段落,接下来让我们看看一个基础的html结构。

看不懂吗?没关西,让我一一为你解释,我们先看到title,里面就是我们网页的上方会出现的文字!相信你们一定有看过这个。

了解完後看到body,这就是我们放入各种标签的地方了,首先我想要有一个标题、一个超连结、一张图片、还有文字说明的段落,


这样我们就完成了一个最最最最最简单的网页!只是这种网页丢出去给人家看大家的观感肯定是差到不行,但是我们现在已经有了网页的架构!接下来我们会介绍网页的装潢师!请大家敬请期待


<<:  【第二天 - Flutter 继承+建构子+CallBack 基本概念】

>>:  Day4: Network Access Control List(NACL) 简介与布建

Day23 探讨MiddleWare

大家还记得我们前几天在介绍settings里面的一些功能时,有先跟各位卖个关子,要把middlewa...

[Day 16] Reactive Programming -Reactor(ConnectableFlux)

图片来源:unsplash fabio 前言 如果你的需求是想要累积集满几个subscriber再...

Day13 NodeJS-Web Server II

接续前一天的内容,今天的重点在於提升静态网页读取的效率与JSON格式档案在Server中的传递。 以...

Day18:图形搜寻-戴克斯特拉演算法(Dijkstra's algorithm)

贪婪(Greedy)演算法 贪婪演算法是考虑局部最佳解,在子结构中解决问题是相当有利的,但放入整体问...

Day 20 : 笔记篇 07 — 在笔记的 Metadata 使用 [[内部连结]] ,在无形之中累积对某一主题的认识

前言 在上一篇文章中,我介绍了在 Obsidian 中实作 学习笔记整理流程 的方法。我将资讯来源分...