“我写的代码和老师写的代码一模一样，怎么在浏览器中预览就没有效果呢？这是什么原因造成的呢？”这是初学者经常感到”头痛”的问题。出现这样的问题大多数是由于代码拼写错误而导致的。

对于初次接触到网页制作的小伙伴们经常出现以下这几个错误：

1、 网页在浏览器预览时出现乱码现象。

请小伙伴们看看下面的代码后，请回答我一个问题：”这段代码在浏览器预览后你会发现什么问题？”

没错，网页出现了乱码现象。这是什么原因造成的呢？

出现这样的问题是mete标签中charset属性值没有对。这是因为对于大部分浏览器而言默认情况下支持编码为ISO-8859-1.这是全球统一编码。该编码不支中文，若要在网页中显示中文则把charset属性值改为utf-8就可以了。

2、 单词拼写错误而导致网页在浏览器中无法显示

请小伙伴们看看下面的代码后，请回答我一个问题：”这段代码在浏览器中预览后会显示出”这是我的第一个网站”红色加粗的文字吗？”

肯定是不会显示的。这是因为，我们在给h1这个标题标签设置字体颜色时把颜色”color”这个单词拼写成”clour”而导致代码无法在浏览器正常显示。若要在浏览器显示出”这是我的第一个网站”为红色加粗，我们需要把单词”clour”改成”color”就可以了。

3、 给div规定的名字和CSS样式名字不一致而导致网页在浏览器中无法显示

请小伙伴们看看下面的代码后，请回答我这样一个问题：”这段代码在浏览器中预览后会显示一个”宽度为300像素，高度为200像素，背景颜色为蓝色”的长方形方框吗？

肯定不会啦。这是因为我们给div规定的名字为”all”，而在给”all”这个玩意规定样式是错把”.all”写成了”.ala” 而导致代码在浏览器中不会显示为”宽度为300像素，高度为200像素，背景颜色为蓝色”的长方形方框。若要在浏览器显示出”宽度为300像素，高度为200像素，背景颜色为蓝色”的长方形方框”，我们需要把 “.ala”改成”.all”就可以了。

新视觉实训的小伙伴们，代码改错不是一个”头痛”的事情，只要大家在平时写代码时做到认真、细心。这些基本代码错误是可以避免的。