html基礎知識(實例)

来源：互联网发布：合工大网络电视编辑：程序博客网时间：2024/05/17 06:35

1.簡單實例

<html>
<body>
这是一个非常简单的HTML。
</body>
</html>

2.簡單段落

<html>
<body>

<p>这是第一段。</p>
<p>这是第二段。</p>
<p>这是第三段。</p>

<p>在HTML里，用p来定义段落。</p>

</body>
</html>

3.正標題

<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>

4.段落划分

<p>This is a paragraph</p>

<p>This is another paragraph</p>

5.換行

通过使用<br>这个Tag，可以在不新建段落的情况下换行。<br>没有Closing Tag。

用<p>换行是个坏习惯，正确的是使用<br>。

<p>This <br> is a para<br>graph with line breaks</p>

6.html注释

在HTML文件里，你可以写代码注释，解释说明你的代码，这样有助于你和他人日后能够更好地理解你的代码。

注释可以写在之间。浏览器是忽略注释的，你不会在HTML正文中看到你的注释。

7.一些建議

HTML文件会自动截去多余的空格。不管你加多少空格，都被看做一个空格。一个空行也被看做一个空格。

有些Tag能够将文本自成一段，而不需要使用<p></p>来分段。比如<h1></h1>之类的标题Tag。

8.更多段落

<html>
<body>

<p>
这一段
在源代码里
包含很多分行，
但是浏览器忽略
这些分行。
</p>

<p>
这一段       在浏览器里
包含    很多   空格，

但是    浏览器忽略多余空格。
</p>

<p>
你使用的浏览器的窗口大小决定了段落的行数。如果你改编浏览器窗口的大小，段落的行数会因此改变。
</p>

</body>
</html>

9.換行實例

<html>
<body>

<p>
要<br>在一段<br>里<br>换行<br>请使用<br>br这个Tag。
</p>

</body>
</html>

10.居中的正文标题

<html>
<body>

<h1 align="center">这是标题</h1>

<p>上面的标题是居中显示的。</p>

</body>
</html>

11.加橫線

<html>
<body>
<p>用hr这个Tag可以在HTML文件里加一条横线。</p>
<hr>
<p>村妇想像皇宫的生活：皇后得用金扁担挑水吧。</p>
<hr>
<p>问：谁是世界上最可怜的人？答：炮兵连炊事班战士！问：为什么？答：戴绿帽背黑锅看别人打炮。</p>
<hr>
<p>初中某数学老师讲方程式变换，在讲台上袖子一挽大声喝道：同学们注意！我要变形了！……</p>
</body>
</html>

12.背景顏色

<html>
<body bgcolor="yellow">
<h2>看，这个页面是黄色的。</h2>
</body>
</html>

html基礎知識(實例)

7.一些建議

HTML文件会自动截去多余的空格。不管你加多少空格，都被看做一个空格。 一个空行也被看做一个空格。

HTML文件会自动截去多余的空格。不管你加多少空格，都被看做一个空格。一个空行也被看做一个空格。