什么是HTML
定义:超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
理解一下这个名字——【超文本标记语言】,分一下关键词,我们可以得到:
【超文本】:字面上理解就是超越文本,也就是不止是文本,还有图片、视频啥的。
【标记】:对各种各样的内容打上标签,让人们可以清楚的知道哪一块是什么内容。
【语言】:就是语言,我也不知道咋解释了,和什么C语言,java语言一样
什么是CSS
定义:层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言。
简单一点来说,就是为了让HTML更加好看的语言。
HTML 和 CSS的关系
这里就不去找网上各种复杂的说明了,对于初学者而言,简单理解一下就是,HTML是布,可以围在身上遮羞和保暖,但是并不美观,和原始人一样,然后来到了现代社会以后,人们有了对美的需求,所以就需要好看的衣服,那么CSS就应运而生了。借用上面的例子,有了CSS以后,程序猿们就可以用CSS将HTML这块布做成各式各样好看的衣服。
来看第一个HTML
所有的html应该放在后缀名为.html的页面中
然后就浏览器中运行
空空如也,啥玩意也没有,因为我们还没有写什么东西,现在我们来写第一行HTML
在浏览器中查看一下
我们来看看上面这行代码是啥意思?一眼可见,上面的代码是由两个h1包着一个HelloWorld。
但是我们在浏览器中查看的时候为啥没看到h1呢?
因为这个h1就是我们在上面说的“对各种各样的内容打上标签”的标签,一个html基本上是由各式各样的标签组合而成的,而标签的格式就是这样子的
标签>
由一个开始标签和一个结束标签组成,开始标签就是一对尖括号加上标签名组成,结束标签就是尖括号加上斜杠+标签名组成。在浏览器中查看的时候,浏览器会把html标签内的容容渲染成对应样式的内容,所以在浏览器中就看不到 h1 了。
对于不同的内容,就用不同的标签加以标记,就成了最开始说的超文本标记了。
来看看一个完整的html页面
刚才我们看到的只是一个单一的html代码,但是对于一个完整的html页面,是由各种各样的html代码拼接成。那么,为了规范这些乱起八糟的代码,对于完整的html页面,就有一些特定的格式。
我们先来看下面的一些代码
这是第一个html页面
对于一个html页面,最外层用一个标签来标记一下内容是一个html页面,在里面又有两个标签分别是
在的中用来记录一些这个页面的相关信息,比如这个页面的标题是啥,关键词是啥,编码方式是啥之类的信息。
在中就是我们编写的各种各样的html标签