零基础建站教程 – 基础篇 第7节零基础学习html常用标签(一)

今天我张掖SEO-游弋人 为大家带来零基础制作网页教程。

网页制作工具:Macromedia Dreamweaver 8或txt编辑器

一个正常的网页都包含有如下代码:

<!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=gb2312" />
<title></title>
</head>

<body>
</body>
</html>

网页代码详解:

1.<!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">这部分内容为网页编辑工具所固有的,我们不用去理它。

2.<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>标题</title></head>

第二部分为<head></head>之间的内容,<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />这段代码说明了这个网页的编码、属性,此处我们用的编码是gb2312也就是我们所说的中文GBK编码,还有一种与此对应的编码是英文国际编码UTF-8(这个我们如果没有什么特殊需要,一般也不用去搭理)。而<title></title>之间是我们所制作网页的标题,也就是在浏览器顶部显示的内容。

3.<body></body>(主体)之间就是我们一个网页要显示的内容。也就是我们真正要通过浏览器翻译后,呈现出来的内容,加入我们现在需要将“大家好,我是游弋人”这句话通过网页呈现给大家,那么他的完整代码就是:

<!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=gb2312" />
<title>标题自己随意</title>
</head>

<body>大家好,我是游弋人</body>
</html>

完成编辑后,用浏览器打开此文件,就可以在浏览器中看到我们要显示的内容。是不是感觉很简单。

总结:

1.网页代码中的标签几乎都是成对出现的。2.<head></head>之间是放我们网页之间的属性,<title></title>之间放置我们网页的三大属性。3.用txt文本编辑时,我们要在编辑完成后,将.txt文件的属性重命名为.html,这样它就变成一个网页了。


发表评论

(必填)

(必填)

(以便回访)