作者/整理：admin 来源：互联网 2017-07-02
第一步：新建一个TXT文档记事本，输入我们第一课实际操作的内容，给网页一个大的框架：
<html>
<head>
<title></title>
</head>
<body></body>
</html>
第二步： 在<title></title>中间区域输入我们这个网页需要的标题， 在<body>body> 中间区域我们开始实际输入标签代码,全部代码如下：
-------------------------------------------------------------------------------------------
<html>
<head>
<title></title>
</head>
<body>
<ul>
<li>这是标题1</li>
<li>这是标题2</li>
<li>这是标题3</li>
<li>这是标题4</li>
</ul>
<ol>
<li>这是标题1</li>
<li>这是标题2</li>
<li>这是标题3</li>
<li>这是标题4</li>
</ol>
</body>
</html>
------------------------------------------------------------------------------------------------
以上代码输入完毕之后，保存这个TXT，然后把这个TXT文档重命名为后缀名为htm或html的文件，比如：1.htm或1.html，双击打开这个htm文件，你就可以看到我们输入的代码在网页上是如何显示出来的了。
我们还可以通过查看源代码的方式把代码和显示出来的网页对照起来看，相信多练习多对照比较，这些代码的使用你很快就会烂熟于心。
第三步：我们开始来熟悉DIV标签的控制
在<body></body>标签中输入<div></div>
在<div>中依次输入如下代码，全文代码如下：
<div style=" width:500px; height:100px; background:red"> 我是一个非常重要的标签</div>
解释：width:500px 宽
height:100px 高
background:red 背景色
重要提示：代码太长是不是，记不住也是正常的，我们现在就开始用工具来提高我们的效率，打开我们的DW 软件来实际操作。
DW软件最大的好处就是所见即所得，他可以快速的输入我们需要的代码，只需要鼠标点击或者输入一个我们记得的提示符号，软件就会自动的为我们输入所有的字符命令，它可以大大的提高我们的工作效率。
建站咨询
18983818617
