初识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头部,用标签围起来。
举个例子:
运行效果
领取专属 10元无门槛券
私享最新 技术干货