在HTML页面里中如何编写代码及分段
今天我们主要学习如何在HTML页面里，如何进行编写代码，分段、分行、注释等，这些比较基础的代码,Tag主要用于标题，段落和分行。
我们在要学习HTML最好的方法，就是跟着示例学。为了各位学习的方便，在这里，我们准备了一个简单的HTML编辑器，你可以按照我们所讲的方法，把Dreamweaver安装好后，打开该软件，新建一个页面，切换到代码视图，下面是每一个段落的代码，在操作时我们要新建一个页面，切换到代码视图，把原来的代码全部删除，然后输入如下面的代码，保存后预览！
示例：一个非常简单的HTML文件
<html>
<body>
这是一个非常简单的HTML。
</body>
</html>
这个示例算是一个最简单的HTML文件，只包含了最基本的能构成一个HTML文件的Tag。通过这个例子，你可以看到浏览器是如何显示这个文件的，以此对HTML文件有个最初的认识。
示例：简单的段落
<html>
<body>
<p>这是第一段。</p>
<p>这是第二段。</p>
<p>这是第三段。</p>
<p>在HTML里，用p来定义段落。</p>
</body>
</html>
这个示例显示在HTML文件里如何分段。
正文标题
这个示例告诉你如何在HTML文件里定义正文标题。
HTML用<h1>到<h6>这几个Tag来定义正文标题，从大到小。每个正文标题自成一段。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
段落划分
在HTML里用<p>和</p>划分段落。
<p>This is a paragraph</p>
<p>This is another paragraph</p> 换行
通过使用<br>这个Tag，可以在不新建段落的情况下换行。<br>没有Closing Tag。
用<p>换行是个坏习惯，正确的是使用<br>。
<p>This <br> is a para<br>graph with line breaks</p> HTML注释
在HTML文件里，你可以写代码注释，解释说明你的代码，这样有助于你和他人日后能够更好地理解你的代码。
注释可以写在<!--和-->之间。浏览器是忽略注释的，你不会在HTML正文中看到你的注释。
<!-- This is a comment -->
一些小建议
HTML文件会自动截去多余的空格。不管你加多少空格，都被看做一个空格。 一个空行也被看做一个空格。
有些Tag能够将文本自成一段，而不需要使用<p></p>来分段。比如<h1></h1>之类的标题Tag。
更多示例
更多段落
<html>
<body>
<p>
这一段
在源代码里
包含很多分行，
但是浏览器忽略
这些分行。
</p>
<p>
这一段 在浏览器里
包含 很多 空格，
但是 浏览器忽略多余空格。
</p>
<p>
你使用的浏览器的窗口大小决定了段落的行数。如果你改编浏览器窗口的大小，段落的行数会因此改变。
</p>
</body>
</html>
这个示例显示了段落的特性。
换行
<html>
<body>
<p>
要<br>在一段<br>里<br>换行<br>请使用<br>br这个Tag。
</p>
</body>
</html>
这个示例告诉你如何在HTML文件里换行。
正文标题
<html>
<body>
<h1>这是1号标题</h1>
<h2>这是2号标题</h2>
<h3>这是3号标题</h3>
<h4>这是4号标题</h4>
<h5>这是5号标题</h5>
<h6>这是6号标题</h6>
</body>
</html>
这个示例教会你如何在HTML文件里显示正文标题。
居中的正文标题
<html>
<body>
<h1 align="center">这是标题</h1>
<p>上面的标题是居中显示的。</p>
</body>
</html>
这个示例告诉你如何将正文标题居中显示。
加条横线
<html>
<body>
<p>用hr这个Tag可以在HTML文件里加一条横线。</p>
<hr>
<p>村妇想像皇宫的生活：皇后得用金扁担挑水吧。</p>
<hr>
<p>问：谁是世界上最可怜的人？答：炮兵连炊事班战士！问：为什么？答：戴绿帽背黑锅看别人打炮。</p>
<hr>
<p>初中某数学老师讲方程式变换，在讲台上袖子一挽大声喝道：同学们注意！我要变形了！……</p>
</body>
</html>
这个示例演示了如何在HTML文中加条横线。
代码注释
<html>
<body>
<!--这是代码注释-->
<p>代码注释是不会显示在网页里的。</p>
</body>
</html>
这个示例演示如何在HTML代码中加上代码注释，这些注释只显示在HTML源代码中，而源代码最终形成的网页里是看不到这些注释的。
背景颜色<html>
<body bgcolor="yellow">
<h2>看，这个页面是黄色的。</h2>
</body>
</html>
这个示例演示如何改变HTML文件的背景色。
以上是各段代码，按照上面所讲的要求，新建一个页面，把原来的代码全部删除，粘贴其中的一个小段的代码，保存后预览，根据同样的方法，我们还可以开发更多的代码，多做试验。
|
