2018.07.04
星期三
某些东西,明明知道没有意义
但依然很在意----
谁都会有这样的东西
HTML和CSS是什么
Part 1
HTML(Hypertext Markup Language) 是用来描述网页的一种语言。
HTML 指的是超文本标记语言
HTML 不是一种编程语言,而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
简单说来,HTML就是我们与浏览器用来沟通交流的语言,我们通过HTML告诉浏览器让它按照我们的意愿展示出我们期望的内容及效果。
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文档头部信息的开始和结尾。头部信息主要包括页面的标题、相关说明等内容,它不作为网页的内容在浏览器中显示。
标记符和,网页中要显示的实际内容就在这两个标记符之间,它是网页的主体部分。
可参考下面的代码:
Part 2
如何使用CSS
可以在HTML代码中加入CSS样式来修饰HTML里的元素,主要有如下两种方式:
1. 外部样式表:就是新建一个文件,专门用来存放CSS样式的,和HTML文档是相互独立的,我们在HTML文档中用
标签来引用这个样式表文件。
2. 内部样式表:这种方式就是把CSS样式代码直接放在HTML文档中固定的地方,就是放在HTML头部,用标签围起来。
【运行效果】
END
请看下节
如果您看完觉得有一点点的收获
请别忘了分享和转发,感谢您的支持
左手程序Z右手诗
关注一下 | 分享技术
领取专属 10元无门槛券
私享最新 技术干货