作者/整理：admin 来源：互联网 2017-03-02
第一步：新建一个TXT文档记事本，输入我们第一课实际操作的内容，给网页一个大的框架：
<html>
<head>
<title></title>
</head>
<body></body>
</html>
第二步： 在<title></title>中间区域输入我们这个网页的标题， 在<body>body> 中间区域我们开始实际输入标签代码,全部代码如下：
全部要求手动输入，一个字一个字的敲：
----------------------------------------------------------------------------------------
<html>
<head>
<title>家户通介绍</title>
</head>
<body>
<p>家户通是一个计算机培训网络公司，主要是针对失业人员和有志于计算机工作的学员。</p>
<a href="http://www.jjtaa.com">家户通</a>
<strong >家户通关注绿色公益</strong>
<h1> 家户通地址</h1>
<h2> 家户通电话 </h2>
<h3> 家户通网址 </h3>
<h4> 家户通师资力量 </h4>
<br/>
<h5> 家户通教程 </h5>
<hr/>
<h6> 家户通学员</h6>
</body>
</html>
------------------------------------------------------------------------------------------
以上代码输入完毕之后，保存这个TXT，然后把这个TXT文档重命名为后缀名为htm或html的文件，比如：1.htm或1.html，双击打开这个htm文件，你就可以看到我们输入的代码在网页上是如何显示出来的了。
我们还可以通过查看源代码的方式把代码和显示出来的网页对照起来看，相信多练习多对照比较，这些代码的使用你很快就会烂熟于心。
第三步：请完成第二步之后，我们来一点进阶操作，这几种标签的套用方法。
1.请试试看，把链接标签文字加粗：
<strong ><a href="http://www.jjtaa.com">家户通</a> </strong>
2.请试试看，把链接标签文字加一个H标签强调，告诉搜索引擎，这个链接比较重要。（这个字又粗又大，搜索引擎非常重视）
<h1> <a href="http://www.jjtaa.com">家户通</a></h1>
3.请试试看，把<hr/> 分隔符标签加在任何结束标签和文字后面试试，这就是一个分隔符而已。
4.请试试看，把<br/>换行标签加在任何结束标签和文字后面试试，这就是一个换行符而已。
总结：一个字母一个字母的敲确实有点累，这样子不能够提高我们的工作效率，但是这么一个一个字母的敲，能够增加我们对这门语言的记忆，以后我们都能够记住它了，眼睛一看就知道是个什么意思，非常有助于我们以后的工作，我们以后如何才能够快速的输入这些代码呢，肯定是有方法的，大部分代码都不需要你这么费力的输入，我们可以用专门的工具来实现，比如：
Adobe Dreamweaver
简称：DW
建站咨询
18983818617
