HTML&CSS 1:初识

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右手诗

关注一下 | 分享技术

  • 发表于:
  • 原文链接:https://kuaibao.qq.com/s/20180706G15P2000?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券