静态网页的扩展名：.htmlt .htm

动态网页的扩展名：.ASP、.JSP .aspx .php(含 有php代码和Mysql代码）等

浏览器不能直接识别php和MySQL的代码，只能由服务器端的服务器软件Apache来进行解释成HTML代码返回给浏览器。

一个网页中基本上有三种代码：HTML代码\CSS代码和php代码,这种说法是不是太落后了?

欢迎你来到站长在线的站长学堂，学习html5的知识，今天分享的是《HTML的相关概念详解》。主要内容有：WWW，W3C，WHATWG，URL，HTTP，XHTML，网站，域名，网站空间，网站程序。

一、HTML是什么？

HTML(Hyper Text Mark-up Language )即是超文本标记语言，是 WWW 的描述语言，由 Tim Berners-lee提出。通过使用标记标签来描述页面文档结构和表现形式的一种语言，再由浏览器进行解析，然后把结果展示在网页上。HTML标签是网页构成的基础，我们所见到的几乎所有网页都离不开HTML，所以学习HTML可以算是基础中的基础了。

#大有学问#

今天实际操作上手有一点小变更，就是将top中的nav-bottom模块重划分到main部分中。

这样刚好是一个完整的main，不用重新切割测量大小。

提示：点击上方"蓝色字体"↑ 可以订阅噢！

摘要 51RGB官方微信

小技巧知识整合，小白们的福利

设置元素的现实方式

display：block

默认宽度为父级元素宽度

可设置宽高

换行显示

display：inline

默认宽度为内容宽度

网格布局（Grid）是CSS中一种用于创建二维网格布局的布局模型。它允许我们在网页中以行和列的形式定义网格，并在这些网格中放置HTML元素。网格布局是一个强大且灵活的CSS布局系统，它比传统的浮动布局和Flexbox布局更适用于复杂的网页布局。

一、特点和优势：

1. 二维布局：网格布局是一个二维布局模型，可以同时控制元素在行和列方向上的位置和大小。

CSS 布局是指使用 CSS 来控制页面元素在页面上的位置和排列。CSS 提供了多种布局方式，可以满足不同的需求。

传统布局方式

布局是网页设计的核心之一，在CSS3中引入了一些新的技术手段，与传统的浮动（float）和定位（positioning）布局方式不同，CSS3提供了更为强大和灵活的布局方案，主要包括Flexbox、Grid、以及多列布局。这些新方式不仅能有效提高页面布局的效率，还能帮助开发者创建响应式和动态的页面。接下来，我们将详细介绍这几种常见的页面布局方式。