位置: IT常识 - 正文

手把手教你基于HTML、CSS搭建我的相册（上）(基于什么意思)

发布时间：2024-01-12

原力计划手把手教你基于HTML、CSS搭建我的相册（上） The sand accumulates to form a pagoda写在前面HTML是什么？CSS是什么？demo搭建写在最后写在前面

推荐整理分享手把手教你基于HTML、CSS搭建我的相册（上）(基于什么意思)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:基于怎么用,手把手教基于TensorFlow的,基于怎么用,基于gin,基于怎么用,手把手教基于TensorFlow的,基于的,手把手教基于TensorFlow的,内容如对您有帮助，希望把文章链接给更多的朋友！

其实有过一些粉丝咨询前端该从什么开始学，那当然是我们的前端基础三件套开始学起，HTML、CSS、javaScript，前端的大部分框架的底层还是围绕着前端三件套来搭建的，相信大家能够在很多平台中去找到一些前端三件套的体系教程，借着原力计划呢，凉哥也为大家带来前端三件套的一些内容分享，只不过这里可不是纯基础知识的输出，而是会结合一些给予前端三件套的基础知识来做一些有趣的小项目、小demo，会由简单到复杂，由静态到动态的过程来帮助大家掌握前端三件套的使用及搭配，所以这里针对的人群是前端初学者或者你还没有开始学前端想感受一些前端代码那这个专栏很适合你。下面呢我们也先来了解一下我们的HTML、CSS都是什么？

HTML是什么？

HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。它是 Web 技术的基础，通过使用标记（标签）来描述文档的结构和内容，使得浏览器能够正确地呈现网页。HTML 中的标记以尖括号（<>）包围，并且通常是成对出现的。标记之间的文本是元素的内容，它们可以包含其他元素。HTML 中最常见的元素包括标题、段落、链接、图像、列表等等。除了描述文本内容外，HTML 还支持添加超链接、表格、表单、嵌入多媒体等其他功能。此外，HTML 还提供了一些元数据标签，如标题、描述和关键字，可以提供更多有关文档的信息，帮助搜索引擎理解网页内容。HTML 是 Web 开发的入门语言，易于学习，需要掌握的基本语法和标记较少。随着 Web 技术的发展，HTML 的版本也在不断更新，当前版本为 HTML5，它提供了更多的功能和特性，例如本地存储、音频视频、Canvas 绘图等等，使得 Web 应用程序更加丰富多彩和交互性强。

HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台(如UNIX， Windows等)。使用HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即我们所见到的网页。

其实上面说了这么多，可能有的大家能够看明白，有的对于初学者来说可能又有点懵懂，当然关于上面的理论内容我还是建议大家抽时间自己百度了解一下，毕竟知其然知其所以然，下面我也用一句话来描述HTML究竟可以做什么？你可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。也就是说你可以通过HTML来搭建自己的网页，好吧，是不是够直白，好了如果你对我上面这句话还是不够理解，好吧，那就看下面这张你非常熟悉的图；

上面就是我们的百度的官网，我们可以在页面任意位置右键鼠标然后点击检查，或者我们直接点击页面按F12键，即可打开我们右边的控制台，我们可以在Elements中发现代码，这就是HTML，这也是渲染成我们百度的HTML代码，当然不一定是通过HTML搭建的，有可能是通过框架，不过即便是通过框架搭建的，但是最终编译后一定是HTML，所以是不是这就理解了我上面说的那句话我们可以通过HTML来搭建网页。

CSS是什么？

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。它与 HTML 相互结合，通过选择器来指定要样式化的 HTML 元素，然后定义这些元素的样式属性。CSS 可以定义元素的字体、颜色、间距、边框、背景等外观样式，还可以用于实现布局和交互效果。CSS 具有以下特点：

丰富的样式定义CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。易于使用和修改CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式