【HTML】第一個HTML網頁

Ato 星期六, 7月 13, 2013

先來練習這個範例

  
<html>
  <head>
    <title>這是第一個HTML例子</title>
  </head>
  <body>
    歡迎光臨！這是我的第一個HTML文檔。 <br>
  </body>
</html>

這是網頁的基本架構

每個標籤(例如<htnl>)都要有它的結束標籤(例如</html>)
每組標籤都不能交叉擺放，例如<html>...<body>...</body></html>，像這樣沒有互相交叉，像這樣是錯誤例子<html>...<body>...</html></body>，最先開始的標籤要最後結束。
有的標籤比較例外，沒有結束標籤，例如<br>換行標籤，但如果要遵守xhtml的規定，會將這換行標籤改成<br />
Html網頁附檔名為htm或html，印象中html是用在Linux主機上的，但是其實微軟的用哪種都可以，所以我這邊建議統一使用html

標籤正確跟錯誤的排法：

錯誤的巢狀結構：
<div>
    <ul>
        <li>第一點</li>
        <li>第二點</li>
</div>
</ul>
<br>

正確的巢狀結構：
<div>
    <ul>
        <li>第一點</li>
        <li>第二點</li>
    </ul>
    <br/>
</div>

因為每個人基礎的定義很不一樣，而且有很多的軟體都可以自動產生這些語法，所以一開始學的人只要知道這個格式是最基礎的格式就可以了，後面的教學會說明用那些程式軟體可以產生出這些更完整的基本代碼，你也可以自己用打得來練習，這樣比較能加強印

標籤解說
<html></html>	此標籤是置於整個文件的開始和結束之處，以供瀏覽器識別此文件為合法的文件。
<head></head>	此標籤是用以表示標頭資訊的開始與結束，在<head>與</head>之間可加入其它標籤<title></title>或<meta>等。
<title></title>	此標籤中的就是此網頁的標題，也就是您瀏覽器最左上面的標題，若沒設則只會顯示成此網頁所在的網址。
<body></body>	此標籤中所寫的內容即會顯示於網頁裡面，至於裡面要寫些什麼、可以寫些什麼，往後的單元就是要教您如何去編寫自己的網頁了。

沒有留言

訂閱：張貼留言 ( Atom )