div+css 01(了解html常用标签html,head,title,p,br,strong,h1,img演示)

2009-10-15 分类：DIV+CSS 标签: DIV+CSS 作者:fanzg

这个视频其实是很基础的，div + css 如果用到这个层面上的朋友，估计不会说不

懂html标签吧，呵呵，如果你已经有html基础，可以略过不看。

怎样才算懂？起码看到标签代码可以想象出什么样子的页面吧。

平时上网站浏览网页的人很多，但是内部网页是由许多html标签对编写完成的，这个

也不一定知道的很多。

好，下面看看网页到底是怎样的一回事。

下面我们就创建一个.html网页文件，其实.htm和.html都一样，习惯了用.html

新建文本文档.txt 新建这个文件，直接改名 test.html

看到了，变成另外的图标了，一般都是我这样的图标吧，如果是 ie6 默认的话呵呵。

下面来打开看看，什么都没有，一片空白，因为.html这个文件没有任何html标签代码

好了，现在看看 html 网页文件的一般结构。

你可以用记事本打开，任何网页，你别看它多复杂，多好看，其实用记事本打开

都会发现由这几部分组成。保存，刷新一下刚才页面

发现有点不一样了。网页标题，还有网页的内容，不再是空白了。

对比一下内部的代码，<html></html><head></head>等等它们不会显示出来。

其实浏览器就是一个解析翻译过程，<title>我的第一个网页</title> 浏览器遇到

这段代码，它就会知道把它放在页面最上面的标题上。

那么设计网页开发其实就是如何让浏览器把自己的代码显示好看一点，

要做到这一点，必须懂得浏览器的脾气，也就是你要用好这些标签。

呵呵，如果把标签写错了，浏览器可不给你翻译，试一下。。

看，现在就乱了，显示出来，把标题显示到正文内容去了。

好了，除了标题title 还有许多标签的，我们简单演示一下，不要说要精通啊，

只是大概有个简单印象也就可以了，最终把重点放在 div + css 这一块。

由 <p> 标签开始，这是个分段标签，还有一个 <br>

看到区别了吧，就是行距不一样。

<strong> 把字体加粗，或者你会发现有些标签 <strong></strong> 一对出现的，

而 <p><br>则不是，是的，这是有些区别，知道就可以了。

<h1> 到 <h6> 可以说是大标题时候使用的，什么是大标题？

就是一篇文章的主题，如果还不知道什么意思，买份报纸看看吧。呵呵

还有网页一般都有图片显示出来，现在纯文字的网页不多吧，除了些文档网站，真的

很少见到，那么看看图片如何加入到网页上去。

随便弄一张图片，和网页放在一起，使用 <img> 标签，

src="" 图片路径和名字，和网页放在一起直接些图片名字就可以了

就这样出来了，今次视频就到这里，下次再介绍其他 html 常用标签，

然后就正式学习 div + css 了。谢谢观看

09月 8th, 2010 at 17:58:45 #感谢啊

感谢这个网站的工作人员，很感谢，因为在这里找到了一些非常宝贵的资源，希望这个网站越办越好

[回复]

有任何疑问或建议，可以给作者留言：