html盒子模型代码-网页后端HTML+CSS+JS

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

古柏、高枝水杉都是真实存在的，已经存在了数千年。

玉纤雪腕洁白，烂银壳碎了琉璃光亮。

银杏（学名：Ginkgo biloba），落叶乔木，树冠圆锥形，枝条轮生，叶互生，散生于长枝上，叶脉分叉，茎长，下垂，倒卵形，覆有白色粉末，味甘微苦html盒子模型代码，是最古老的孑遗植物···················································· ··································—— 响亮：希望你表现得更好更强……

哦，我前段时间生日，60周年

红校进入甲子时期，科教报国六十载。

“优雅退化、渐进改进、漫圈、原子设计、HTML5、CSS3、JavaScript、jQuery……”这些后端术语有些陌生，有些新奇。 经过一番理解后，你会发现它们的含义表达得恰如其分，并且由此可以触类旁通，脑海中呈现的就是万物的相互联系。

逐步改进（首先满足低级浏览器的基本功能，然后改进中级浏览器的功效、交互和附加功能，以达到更好的体验，也称为向上兼容）和优雅降级（首先建立完整的功能） ，然后对于低级浏览器）浏览器提供了基本的功能，也称为向上兼容），不仅可以表达软件开发中的理念，而且还可以看同一件事的两种观点——他们都注重同一网页在不同设备上不同浏览器下的表现。 网页在浏览器中如何呈现就是网页后端涉及到的内容，让我们一起走进后端世界吧！

你对前端了解多少？

什么是后端？ 简单的理解就是研究浏览器如何显示网页的布局、风格和交互。 相比之下，后端指的是服务器。 HTML+CSS+JS是“前端三剑客”。 他们各司其职、通力合作，将最基本的文字、图片、超链接、音乐、视频、动画等网页内容合理布局，精心交互，给用户带来舒适的体验。

常用后端编程软件

我们应该在哪里编写程序呢？ 笔记本！ 这完全没问题，但是白底黑字很难看，体验也很糟糕。 何不试试这个：Dreamweaver、Sublime、WebStorm、Notepad++、Visual Studio Code等。这些软件分为轻量级和重量级，就像字面意思一样，如果轻用的话就选择轻量级的就够了。 这里我们以Visual Studio Code（VS代码）为例——Google开发的一款轻量级后端编程软件，大小只有60M。 这些软件和记事本有什么区别？ 增加了文字高亮、手动标签填写、程序错误提醒等辅助功能，让编程相对舒适便捷。

超文本标记语言

HTML（Hyper Text Markup Language，超文本标记语言），它使用一些标签来显示和描述网页的内容，举几个很常见的标签：插入图像标签

,插入段落标签

······我们实践一下吧（下面的程序都是用VS code编译的）。

创建一个新的记事本，将其另存为 .html 文件，然后使用 VS code 打开它。 下面的代码是html文件的基本结构：

第一行声明该文档遵循 ​​HTML5 标准。 剩下的主要分为两部分。 第一部分是belly标签，其中包含网页的标题（在title标签中）和字符编码格式、关键词（便于浏览器搜索）和页面描述等（在meta标签中），标签分别引入css和js文件，当然也可以不引入外部的css和js，而是使用内联的方式，在html中，将css代码放在标签之间，将js代码放在标签之间。

尝试理解网页

有了上面的知识，让我们尝试用另一种方式来看待网页。 就拿这里为例吧！ 用浏览器打开baidu.com，按F12查看源码，如下图：

当我们一步步打开折叠的三角形，我们会发现网页的元素被一一呈现出来html盒子模型代码，css代码在标签之间，js代码在标签之间，link表示链接，表示包包模型……你可以把它的心脏一层层剖开，任何元素都能找到它的位置。 比如我们找一下百度的标志！

我们找到了logo所在的URL，我们打开这个URL，就可以看到源文件了。

高效便捷地发布网站

本地浏览编辑好的网站没问题，怎么能让更多人听到呢？ 当然是释放啦！ 传统的网站发布需要申请服务器和域名，而这两件事都需要向当地公安机关报请备案，而且审核周期比较长，会带来很大的不便。 我们的网站只是您用来浏览的，不需要与服务器交互。 经过一番探索，有一种形式极大地方便了有这些需求的用户——使用Github。

Github()是一个网页，更准确地说是一个代码托管平台，内容丰富。 申请好账号后，创建一个Repository（仓库），可以用来上传代码，收集、复制、更改别人共享的代码等等，这里我们需要使用Repository（仓库）来存储本地网页文件。 上传到Github主要有两种方式，一种是以代码形式（git形式）上传，另一种是通过图形界面（GitHub Desktop）上传，显然后者更直观。

使用github托管个人主页需要注意的一件事——仓库名称必须是：“username.github.io”，例如：我的用户名是Gordon-Tang，所以我的新仓库的名称是：Gordon -Tang.github。 io，如果需要访问准备好的网站，只需要在地址栏输入：“文件名”即可访问。 无需申请服务器和域名。

上传到Github的文件与本地文件具有相同的结构。

满足一下你的好奇心，能不能用记事本来编译程序呢？ 新建一个记事本，双击打开，写入html代码，保存为.html文件格式。 双击打开即可看到网页内容，如下图所示。

下期我们将讲述USB数据线的前世今生，期待与您一起探寻！

希农baby图片来源于网络

别雪华

王波

穷路送的那么多，更别说求助了。

千里荒凉，百年荒凉。

思念同流浪，生活同苦难。

无论你走到哪里，无论你走到哪里，你仍然是一个梦想家。

山人自有妙计，隐士自有秘诀

本期责任编辑：袁智乐 本期责任审稿人：袁智乐