HTML網頁製作基礎第一彈

 

聽雨現在每天都會更新一些關於HTML網頁製作的一些知識,從零開始,希望大家和聽雨一起進步


HTML基本概念

        HTML是HyBer Txet Markup language這四個英文單詞的一個縮寫,中文翻譯爲超文本標記語言,所以也稱之爲標記性語言。個人理解認爲Html就是瀏覽器的母語,所以學習設計網頁我們就要學習瀏覽器的語言!也就是html語言。而學習HTML的作用對於我們來說就是用來製作網頁!            

 

HTML基本語法

        HTML是由各種各樣的元素所組成,用於向瀏覽器發送指令,告訴瀏覽器該如何顯示網頁。


        元素是由標籤組成,而標籤一般是由是由<開始,>結束,例如:<html><head></head><body></body></html>,基本上一個完整的標籤都是由頭標籤和尾標籤所組成,頭標籤和尾標籤只有一個區別就是尾標籤多了一個斜槓,用來告訴瀏覽器該標籤的內容已經結束。上述的標籤的就是HTML的一個基本結構標籤,所有的網頁製作都離不開這三個標籤。HTML中爲了便於以,將標籤分爲了基本標籤、格式標籤、圖像標籤、表格標籤、表單標籤等。                                                                        

 

HTML基本結構標籤

        基本標籤是用來定義頁面的一些基本屬性,通常來說一份html網頁文件包含了3個部分標頭區<head>.....</head>,內容區<body>......</body>,頁面區<html>.....</html>    

 

        <html>用於html文件的開頭,用來標識html文檔的開始,而</html>則正好相反,用來標識htm文檔的結束。兩個標籤必須一起使用。


        <head>和</head>構成html文檔的開頭部分,在此標籤之間可以使用<title></title>和<script></script>等標籤,這些標籤都是用來描述文檔的相關信息。<head></head>標籤之內的內容是不會在網頁之中顯示的,必須兩個標籤一起使用。


        <body></body>時HTML的主體部分,在此之間的所有內容都將在網頁當中顯示出來,在body標籤之間可以定義的文本、圖像都會在瀏覽器之中按照你設置的樣式進行顯示!


        <title></title>使用過瀏覽器的同學都應該注意到了瀏覽器的窗口的左上角的藍色字體顯示的文本信息,那些信息一般都是標註網頁額主體。其實要將網頁的主體顯示在瀏覽器的頂部很簡單只要在title標籤中輸入需要現在在標題欄中的內容就可以了。     


 

第一個代碼示例:

將以下代碼複製到記事本中,重命名爲MyWebpage.html後雙擊打開即可看到你設計的第一個網頁的內容。

<html>

    <head>

        <title>

            My First web page 聽雨

        </title>

    </head>

           

    <body>

         hello word 歡迎來到我的第一個網頁

    </body>

</html>


 

友情提示:html是弱類性語言,所以在HTML中所有元素標籤是不區分大小寫的,建議小寫。

 


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章