首页 / 知识

初识HTML & CSS 基础入门

2023-04-11 13:46:00

　　前面

　　我们每天都在浏览着网络上丰富多彩的页面，那么在网页中所呈现出的绚丽多彩的内容是怎么设计出来的呢？我们想要自己设计一个页面又该如何来做呢？对于刚刚接触网页设计的小伙伴来说，看到网页背后的一堆符号和代码，是不是会感到有些凌乱。“看这里、看这里”，其实HTML并不复杂，严格意义上它并不是编程，它只是一些标记，也可以说是和浏览器的一些“约定”，就是告诉浏览器，要显示什么内容，这些内容是什么样式。

　　好了，不废话了，来个例子看下：

　　一个 HTML 小例子

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

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

　　第三步：点击“新建文本文档。html”这个HTML文件，就可以在浏览器打开了。

　　OK，是不是很简单，我们看一下过程：

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

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

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

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

　　我们再对前面记事本里的代码加上注释，就会看的更明白。

　　HTML 小总结