HTML介紹:(1):<html> <head> <title>Title of page</title> </head> <body> This is my first homepage. <b>This text is bold</b> </body> </html> 將此文件保存為“mypage.htm”。啟動(dòng)瀏覽器。在文件菜單中選擇“打開”(或者“打開頁面”),這時(shí)將出現(xiàn)一個(gè)對(duì)話框。選擇“瀏覽”(或者“選擇文件”),定位到你剛才創(chuàng)建的HTML文件——“mypage.htm”,選擇它,單擊“打開”。然后在對(duì)話框中,你將看到這個(gè)文件的地址,比如說:“C:\MyDocuments\mypage.htm”。單擊“確定”,瀏覽器將顯示此頁面。--------------------------------------------------------------------------------例子解釋HTML文檔中,第一個(gè)標(biāo)簽是<html>。這個(gè)標(biāo)簽告訴瀏覽器這是HTML文檔的開始。HTML文檔的最后一個(gè)標(biāo)簽是</html>,這個(gè)標(biāo)簽告訴瀏覽器這是HTML文檔的終止。在<head>和</head>標(biāo)簽之間文本的是頭信息。在瀏覽器窗口中,頭信息是不被顯示的。在<title>和</title>標(biāo)簽之間的文本是文檔標(biāo)題,它被顯示在瀏覽器窗口的標(biāo)題欄。在<body>和</body>標(biāo)簽之間的文本是正文,會(huì)被顯示在瀏覽器中。在<b>和</b>標(biāo)簽之間的文本會(huì)以加粗字體顯示。---常見問題問:我編寫完了HTML文件,但是不能在瀏覽器中看見結(jié)果,為什么?答:請(qǐng)確認(rèn)你保存了文件,并且使用了正確的文件名和擴(kuò)展名,例如:“c:\mypage.htm”,并且確認(rèn)你用瀏覽器打開時(shí)使用同樣的文件名。問:我編輯了HTML文件,但是修改結(jié)果并沒有在瀏覽器中顯示,為什么?答:瀏覽器緩存了你的頁面,所以它不需要兩次讀取同樣的頁面。你修改了這個(gè)頁面,瀏覽器并不知道。請(qǐng)使用“刷新/重載”按鈕來強(qiáng)迫瀏覽器讀取編輯過的頁面。 -----------------------------------------------------------------------------HTML基本標(biāo)簽:(2):HTML中最重要的標(biāo)簽是定義標(biāo)題元素,段落和換行的標(biāo)簽。標(biāo)題元素標(biāo)題元素由標(biāo)簽<h1>到<h6>定義。<h1>定義了最大的標(biāo)題元素,<h6>定義了最小的。<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自動(dòng)在一個(gè)標(biāo)題元素前后各添加一個(gè)空行。(3):段落段落是用<p>標(biāo)簽定義的。<p>This is another paragraph</p> HTML自動(dòng)在一個(gè)段落前后各添加一個(gè)空行。--------------------------------------------------------------------------------換行當(dāng)需要結(jié)束一行,并且不想開始新段落時(shí),使用<br>標(biāo)簽。<br>標(biāo)簽不管放在什么位置,都能夠強(qiáng)制換行。<p>This <br> is a para<br>graph with line breaks</p> <br>標(biāo)簽是一個(gè)空標(biāo)簽,它沒有結(jié)束標(biāo)記。基本注意點(diǎn)——有用的技巧當(dāng)你寫下HTML文本的時(shí)候,你不能確知在另外一個(gè)瀏覽器中,這些文本將被如何顯示。有人用著大的顯示器,有的人用的小一些。每次用戶調(diào)整窗口大小的時(shí)候,文本都將被重新格式化。不要想在編輯器中寫一些空行和空格來協(xié)助排版。HTML將截掉你文本中的多余空格。不管多少個(gè)空格,處理起來只當(dāng)一個(gè)。一點(diǎn)附加信息:在HTML里面,一個(gè)空行也只被當(dāng)作一個(gè)空格來處理。使用空段落<p>來插入空白行是一個(gè)壞習(xí)慣,請(qǐng)使用<br>標(biāo)簽來替代。(但是不要用<br>標(biāo)簽來創(chuàng)建列表,我們后面會(huì)專門學(xué)習(xí)HTML列表的。)你也許注意到了段落可以不寫結(jié)束標(biāo)記</p>。別依賴它,HTML的下一個(gè)版本將不準(zhǔn)你漏掉任何一個(gè)結(jié)束標(biāo)簽。HTML自動(dòng)在某些元素前后增加額外的空行,就像在段落和標(biāo)題元素的前后一樣。我們使用了水平線(<hr>標(biāo)簽)來分隔我們教程的章節(jié)。示例:a:多個(gè)段落: <html><body><p>This paragraph contains a lot of lines in the source code,but the browser ignores it.</p><p>This paragraph contains a lot of spaces in the source code,but the browser ignores it.</p><p>The number of lines in a paragraph depends on the size of your browser window. If you resize the browser window, the number of lines in this paragraph will change.</p></body></html>(這個(gè)例子說明了段落的一些默認(rèn)行為。)b:換行: <html><body><p>To break<br>lines<br>in a<br>paragraph,<br>use the br tag.</p></body></html> (這個(gè)例子說明了在HTML文檔中換行的使用。)c:詩歌的問題: <html><body><p> My Bonnie lies over the ocean. My Bonnie lies over the sea. My Bonnie lies over the ocean. Oh, bring back my Bonnie to me.</p><p>Note that your browser simply ignores your formatting!</p></body></html>(這個(gè)例子說明了HTML顯示格式的一些問題。)d:標(biāo)題元素: <html><body><h1>This is heading 1</h1><h2>This is heading 2</h2><h3>This is heading 3</h3><h4>This is heading 4</h4><h5>This is heading 5</h5><h6>This is heading 6</h6><p>Use heading tags only for headings. Don't use them just to make something bold. Use other tags for that.</p></body></html>(這個(gè)例子說明了在HTML中顯示標(biāo)題元素的標(biāo)簽。)e:居中的標(biāo)題元素:<html><body><h1 align="center">This is heading 1</h1><p>The heading above is aligned to the center of this page. The heading above is aligned to the center of this page. The heading above is aligned to the center of this page.</p></body></html>(這個(gè)例子顯示了一個(gè)居中的標(biāo)題元素。)f:水平線:<html><body><p>The hr tag defines a horizontal rule:</p><hr><p>This is a paragraph</p><hr><p>This is a paragraph</p><hr><p>This is a paragraph</p></body></html>(這個(gè)例子說明了如何插入水平線。)g:隱藏的注釋:<html><body><!--This comment will not be displayed--><p>This is a regular paragraph</p></body></html>(這個(gè)例子說明了在HTML文檔中如何插入隱藏的注釋。)h:背景色:<html><body bgcolor="yellow"><h2>Look: Colored Background!</h2></body></html>(這個(gè)例子說明了如何給頁面設(shè)置背景色。)