1.初识HTML＆CSS

初识HTML&CSS

Hello everyone，本篇笔记我们来快速认识一下HTML&CSS。信息化时代，不了解一下信息的主要传播方式怎么能行呢？我们用浏览器打开的内容就是HTML文档，让浏览器里展示的页面漂亮、美观就得让CSS来。

HTML是什么

HTML（Hypertext Markup Language） 是用来描述网页的一种语言。

HTML 指的是超文本标记语言

HTML 不是一种编程语言，而是一种标记语言

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

简单说来，HTML就是我们与浏览器用来沟通交流的语言，我们通过HTML告诉浏览器让它按照我们的意愿展示出我们期望的内容及效果。

了解一下CSS

CSS（Cascading Style Sheet）：它定义如何显示 HTML元素，用于控制Web页面的外观。通过使用CSS实现页面的内容与表现形式的分离，能极大的提高工作效率 。

HTML和CSS，相辅相成，HTML控制结构，用来搭建整个网页的结构。CSS控制样式，让整个网页看起来更美观！ 打个比喻，我们把网页设计的过程比喻成“盖房子”，我们先用HTML把房子的结构建好，就是毛坯房，是没法居住，也没法看。这时就需要用CSS来完成房子的装修，如在地面上铺上地板。装上窗帘等。要想住上美丽漂亮的大House，那就要努力学好CSS哟！

别罗嗦，来个例子看看！

第一步：新建“记事本”，把下面这段代码复制到记事本中去，然后保存。

第二步：将记事本后缀名“.txt”改为“.html”。

第三步：点击“我的第一个网页.html”这个HTML文件，就可以在浏览器打开了。

想看一下过程，OK吗？

通过上面的几行代码，不难看出，HTML就是由一些用尖括号围起来并且成对出现的标签组成。不错，HTML就是由若干标签及其包含的内容组成，这些标签一般都是成对出现的，有开始和结束，但也有部分自闭合标签例外，HTML的基本结构由以下四个部分组成：

标记符和，表明该文件是用HTML来描述的，声明了文档的开头和结尾。

标记符和 ，表示HTML文档头部信息的开始和结尾。头部信息主要包括页面的标题、相关说明等内容，它不作为网页的内容在浏览器中显示。

标记符和，网页中要显示的实际内容就在这两个标记符之间，它是网页的主体部分。

那么，该怎样在HTML中加入CSS修饰一下呢？

主要有如下两种方式：

外部样式表：就是新建一个文件，专门用来存放CSS样式的，和HTML文档是相互独立的，我们在HTML文档中用

标签来引用这个样式表文件。

举个例子：

内部样式表:这种方式就是把CSS样式代码直接放在HTML文档中固定的地方，就是放在HTML头部，用标签围起来。

举个例子：

运行效果