web标准教程，帮你走进web标准设计的世界第一讲

2024-07-11 08:26:31

字体：大中小

来源：转载

供稿：网友

一个网页的架构：声明，头部，主体，结束

复制代码

代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
//声明的一些规范，初学者不必去理会，该部分会自动生成
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
/**
*http-equiv="Content-Type" 表示描述文档类型
*content="text/HTML; 文档类型mime类型，这里为html,如果JS就是*text/javascript，
*charset=utf-8 页面字符集，编码，eg:gb2312,iso-8859-1,utf-8
*建议统一采用utf-8
*/
<title>无标题文档</title>
//一个网页的标题
</head>
<body>
</body>
</html>

我要主要讲解的是主体部分，在这过程成中会对其他部分有一定的讲解和延伸。

在讲body之前，我先讲一下html标签的大体分类。主要是为接下来讲解网页的基本结构做铺垫。

html标签大体分为：块级元素和内联元素，那么何为块级元素何为内联元素呢？

块级元素：直白的说就是一块区域，独立占用一行空间的元素，如：div，p。

内联元素：与块级元素不同，就是不能占据一行空间的元素，如a，span。

我说的可能不是很专业，目的只是初学者便于理解。

举个例子，大家就懂啦（这里我只写了body中的内容，其他的内容大家自己补充）：

复制代码

代码如下:
<body>
<div>我是块级元素，我独占一块空间</div>
<div>我是块级元素，我独占一块空间</div>
<span>我是内联元素元素，我不独占一块空间</span>*****
<span>我是内联元素元素，我不独占一块空间</span>
</body>

运行结果：

<body>
2 <div id="page">
3 //我是最外层！包裹这整个网页的皮，也有人给我起名字为wrapper
4
5     <div id="header">
6         //我是头部！
7
8     </div>
9
10     <div id="content">
11         //我是内容！
12
13     </div>
14

上一篇：CSS多浏览器兼容性(IE和Firefox)技巧大全推荐

下一篇：具有Float属性的元素依然居中