1. 程式人生 > >學過印刷包裝工程研究過食品科學且會點計算機程式設計的多功能碼農

學過印刷包裝工程研究過食品科學且會點計算機程式設計的多功能碼農

一、什麼是HTML?

      HTML的英文全稱是Hypertext Marked Language,中文叫做“超文字標記語言”。既然是“超文字”,那麼它就不會僅僅是文字內容了, 和文字的不同的是,HTML檔案不僅包含文字內容,還包含“標記”標籤,它們可以嵌入圖形影象、音訊與動畫等元素,豐富了網頁的內容,通過這些標籤,可以告訴瀏覽器如何顯示這個檔案。

HTML檔案的字尾名是.htm或者是.html

二、那麼什麼可以用來編寫HTML呢?最簡單的是採用系統自帶的記事本了,只需要將字尾名更換為html或htm即可。其次,專業的工具是Dreamweaver之類的環境, 很方便,甚至不用自己寫,直接控制元件來實現,視覺化操作。但是我不建議您使用。因為過度依賴這些控制元件,沒有能夠很好的掌握本質,不能熟練地呼叫標籤的屬性。因為有些現成控制元件是做不出來很多效果的。

      下面我們來嘗試些一個簡單的頁面程式,旨在理解過程,感受HTML的奇異之處,僅此而已。

<html>
<head>
<title>這是我的第一個HTML學習</title>
</head>
<body>
Hello world<b> 加粗字型格式 </b>
</body>
</html> 

     儲存上面的文件,字尾名改為.html。雙擊它便可以開啟瀏覽器進行瀏覽訪問了。
     是不是感到有些驚奇,一個網頁就這麼完成了。下面分別解析一下相關內容:
(1)檔案中的<html>是HTML檔案的頭;</html>表示HTML檔案到此結束。
(2)在<head>和</head>之間,是頁面頭部資訊。該資訊是不顯示出來的,也就是說不會在瀏覽器看到。但是不是代表沒有用處呢?不是的,頭部可以設定頁面標題,放在<title>和</title>之間,提示搜尋引擎之類的,也便於網民知道網頁主題,可以在瀏覽器最頂端的標題欄看到。其次該部分更多的是將CSS或Javascript檔案嵌入,便於載入在(3)<body>和</body>之間的資訊,是正文。其中<b>和</b>之間的文字,用粗體表示。

三、至於更多的屬性和標籤元素,後續慢慢補充!

****************************************************************************************************************************************************************************************

❤永葆一顆純潔、寬容平和、仁慈謙卑和意氣風發的心!

態度決定一切     努力改變命運