跳转到内容

HTML/第一个例子

维基教科书,自由的教学读本
<html>
<body>

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

</body>
</html>
  1. 将上面的HTML代码复制到文本编辑器中,如记事本,gedit,Emacs等。
  2. 保存为后缀名为.html或者.htm的文本文件。
  3. 在你的浏览器中文件菜单,打开此文档。

在浏览器中显示为:

注意:

  • 实际显示结果可能有所差别,这与操作系统,浏览器及字体等有关
  • 使用英文可以避免产生乱码,以后将介绍语言编码和避免乱码的方法

示例解析:

  • <html>,</html>,<body>,</body>,<p>,</p>,<h1>,</h1>都是HTML标签,它们通常由一对尖括号(<>)包围。HTML标签不止这些,更多标签会陆续介绍。
  • 标签通常是成对的,首标签是尖括号内加单词的形式,尾标签是尖括号斜杠加单词的形式。如<html>和</html>就是一对标签,它们定义两个首尾标签中间的内容。
  • <html> 与 </html> 之间的文本描述网页
  • <body> 与 </body> 之间的文本是可见的页面内容
  • <h1> 与 </h1> 之间的文本被显示为标题
  • <p> 与 </p> 之间的文本被显示为段落
  • HTML文本文件就是网页,可以和普通纯文本文档一样被创建和修改。

练习:修改<h1>...</h1>及<p>...</p>之间的内容,并在浏览器中察看效果。