HTML/第一個例子
外觀
< HTML
<html>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
- 將上面的HTML代碼複製到文本編輯器中,如記事本,gedit,Emacs等。
- 保存為後綴名為.html或者.htm的文本文件。
- 在你的瀏覽器中文件菜單,打開此文檔。
在瀏覽器中顯示為:
注意:
- 實際顯示結果可能有所差別,這與操作系統,瀏覽器及字體等有關
- 使用英文可以避免產生亂碼,以後將介紹語言編碼和避免亂碼的方法
示例解析:
- <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>之間的內容,並在瀏覽器中察看效果。