什么是HTML和CSS?

拨开云雾见天日 守得云开见月明 

        本系列文章是作者于千锋前端教学视频的学习笔记与个人心得,方便学习者知识点快速查阅。

1.什么是HTML,CSS?

        它们是两种编程语言,一般情况下需要配合使用,是作为网站开发的基础语言。

        但是,网站和代码有什么关系呢?代码经过编译以后就可以展示出网站。

        我们打开某宝的网站首页,这是一个典型的电商网站,我们在网站上右击查看页面源代码

        我们可以看到其中的HTML代码,由于版本更新原因,最新的淘宝页面已经用JavaScript代码动态的引入CSS元素,这里我们看不到静态的CSS代码。 什么是HTML和CSS?_第1张图片

         继续深入,无论是代码还是页面,他们在计算机中的本质都是二进制的数据,底层的编程语言因用途不同、特点不同或系统的需要分化为不同的编程语言;所以HTML,CSS或其他语言的本质都是相同的,因网页开发的需求,在底层代码的封装下,它们两个就被创造出来用于创造网页的结构及布局。

        用百度百科,分开解释一下:

        HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

        超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。 

        意思是,使用HTML,可以统一网页标签,使所有的网站内容格式标准化,避免千人千站的局面;它不仅可以将本地的数据信息集成展示在一个页面中,远程的数据信息亦然。

        层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言(如JavaScript)动态地对网页各元素进行格式化。

        CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。 

        如果说HTML是网页的内容和骨架,那么CSS就是网站的脸;CSS做的好,网站就比较美观,它可以调整网站的布局,要素颜色和大小等。

2.如何写代码?写到哪里呢?

        首先了解一下这个概念:

一个网站是由N多个网页组成的

        我们继续查看某宝网站,我们点击不同区域,我们发现可以打开新的网页,我们把能打开看到页面都看作是1个网页,所以一个网站是由多个网页组成的。

        我们做网站就是要做一个一个网页,最后将他们逻辑组合在一起就形成了一个网站,而做一个网站,主要分为如下三步:

1 编写网页的框架和内容文件HTML

2 编写网页的布局文件CSS

3 编写网页的前后端逻辑文件JavaScript

4 将三个文件用代码逻辑组合在一个文件中,这个文件一般是HTML文件


如果觉得我的文章对您有帮助,三连+关注便是对我创作的最大鼓励!

更多前端文章推荐

 “本站所有文章均为原创,欢迎转载,请注明文章出处:

https://blog.csdn.net/qq_45590504/category_11900355.html百度和各类采集站皆不可信,搜索请谨慎鉴别。技术类文章一般都有时效性,本人习惯不定期对自己的博文进行修正和更新,因此请访问出处以查看本文的最新版本。”

你可能感兴趣的