1. 程式人生 > 其它 >前端基礎知識總結 (一)(1)

前端基礎知識總結 (一)(1)

技術標籤:htmlcssjsjavascript

  **昊哥前端知識基本總結**

第一章 :HTML

1.什麼是HTML?
HTML稱為超文字標記語言,是一種標識性的語言。它包括一系列標籤.通過這些標籤可以將網路上的文件格式統一,使分散的Internet資源連線為一個邏輯整體。HTML文字是由HTML命令組成的描述性文字,HTML命令可以說明文字,圖形、動畫、聲音、表格、連結等。

2.HTML整體結構
HTML主要分:頭部、主體、尾部。
頭部內容:
標記符< html>:說明該檔案是用超文字標記語言來描述的,它是檔案的開頭,而則表示該檔案的結尾,它們是超文字標記語言檔案的開始標記和結尾標記.

< head> < /head>:這2個標記符分別表示頭部資訊的開始和結尾。頭部中包含的標記是頁面的標題、序言、說明等內容,它本身不作為內容來顯示,但影響網頁顯示的效果。頭部中最常用的標記符是標題標記符和meta標記符,其中標題標記符用於定義網頁的標題,它的內容顯示在網頁視窗的標題欄中,網頁標題可被瀏覽器用做書籤和收藏清單。

以下表格列出了 HTML head 元素:

標籤描述
< head>定義了文件的資訊
< title>定義了文件的標題
< base>定義了頁面連結標籤的預設連結地址
< link>定義了一個文件和外部資源之間的關係
< meta>定義了HTML文件中的元資料
< script>定義了客戶端的指令碼檔案
< style>定義了HTML文件的樣式檔案

主體內容:
< body>< /body>: 網頁中顯示的實際內容均包含在這2個正文標記符之間。正文標記符又稱為實體標記。只有 < body>區域 (白色部分) 才會在瀏覽器中顯示。
尾部內容:
< footer>< /footer>: 標籤定義文件或者文件的一部分割槽域的頁尾,< footer>元素應該包含它所包含的元素的資訊。在典型情況下,該元素會包含文件創作者的姓名、文件的版權資訊、使用條款的連結、聯絡資訊等等。

< footer>在一個文件中,您可以定義多個 < footer> 元素。

HTML程式碼例圖如下:

 <!--頭部-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
 <style type="text/css">
    <!-- 編寫一些樣式 -->
  </style>
 <script type="text/javascript"> 
 <!-- 編寫一些指令碼語言 -->
</script>
</head>
<body>
     <!--主體內容-->
  
<footer>
    <!--尾部內容-->
</footer>
   
</body> 
</html>    

3.HTML特點

超級文字標記語言文件製作不是很複雜,但功能強大,支援不同資料格式的檔案鑲入,這也是全球資訊網盛行的原因之一,其主要特點如下:
1.簡易性:超級文字標記語言版本升級採用超集方式,從而更加靈活方便。
2.可擴充套件性:超級文字標記語言的廣泛應用帶來了加強功能,增加識別符號等要求,超級文字標記語言採取子類元素的方式,為系統擴充套件帶來保證。
3.平臺無關性:雖然個人計算機大行其道,但使用MAC等其他機器的大有人在,超級文字標記語言可以使用在廣泛的平臺上,這也是全球資訊網盛行的另一個原因。
4.通用性:另外,HTML是網路的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文字與圖片相結合的複雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什麼型別的電腦或瀏覽器。