[attach]485102[/attach]
<p> 单点击左边的三角折叠起来其中复杂的内容后，显而易见，一份HTML文档，是以一系列相互嵌套的尖括号包裹的标签构成的。 用拙劣的英文水平将其翻译，可得：整个HTML文档，首尾以“HTML标签”包裹，随之而来的是一个“头部标签”——head，紧接着是一个“身体标签”，而后……就没有而后了。 网页的全部结构便呈现于此。事实上，<strong>标签，是构成网页结构的基本单元（元素）</strong>。 </p> <p> 通常来说，网页所要呈现在浏览器上面的内容都写在body标签里面，如下图所示。而head标签，则是给浏览器在加载页面的时候读取信息用的。例如 我们可以像下面的这份代码一样，给head标签里添加一个title标签，顾名思义，是标题的意思，那么浏览器在读取的时候，就将标题呈现在 网页的顶端。 </p><!doctype html> <html> <head> <title>我是标题</title> <!--注释：呈现在网页顶端--> </head> <body> 我是正文内容 <!--注释：呈现在网页正文空白处--> </body> </html>
[attach]485104[/attach]
<p> HTML文档里有各种各样的标签，如同给world文档添加字体、字号、段落一样，HTML文档通过标签给内容添加各种效果。比如，我们可以使用p标签来 生成一个段落，使用br标签换行（br标签不是成对的，一个标签代表一行），使用strong标签来给文本加粗（粗体）等等。HTML的常用标签，借助万能的百度， 你可以轻而易举地学习到很多，这里便不再赘述。 </p> <div class="gn_title"><span></span>盒子和样式</div> <p> 前面我们了解到了，标签是构成网页文档的基本单元，那么现在我们来学习一个万能的标签，它叫做“div”。打开一个记事本，输入如下内容，保存为HTML文档 而后使用浏览器打开即可看到效果。 </p><!doctype html> <html> <head> <title>我是标题</title> <meta charset="utf-8"> <!--注释：这里不懂可以百度一下哦--> <style> #div1{ background:grey; color:white; } #div2{ background:red; color:white; width:200px; height:200px; } </style> </head> <body> <div id="div1">我是没有定义宽高，灰色背景的div1</div> <div id="div2">我是宽高为200像素，红色背景的div2</div> </body> </html>
<!doctype html> <html> <head> <title>我是标题</title> <script> var a = 3; alert(a); </script> </head> <body> </body> </html>
