前端基礎知識總結 (一)(1)
技術標籤:htmlcssjsjavascript
**昊哥前端知識基本總結**
第一章 :HTML
1.什麼是HTML?
HTML稱為超文字標記語言,是一種標識性的語言。它包括一系列標籤.通過這些標籤可以將網路上的文件格式統一,使分散的Internet資源連線為一個邏輯整體。HTML文字是由HTML命令組成的描述性文字,HTML命令可以說明文字,圖形、動畫、聲音、表格、連結等。
2.HTML整體結構
HTML主要分:頭部、主體、尾部。
頭部內容:
標記符< html>:說明該檔案是用超文字標記語言來描述的,它是檔案的開頭,而則表示該檔案的結尾,它們是超文字標記語言檔案的開始標記和結尾標記.
以下表格列出了 HTML head 元素:
標籤 | 描述 |
---|---|
< head> | 定義了文件的資訊 |
< title> | 定義了文件的標題 |
< base> | 定義了頁面連結標籤的預設連結地址 |
< link> | 定義了一個文件和外部資源之間的關係 |
< meta> | 定義了HTML文件中的元資料 |
< script> | 定義了客戶端的指令碼檔案 |
< style> | 定義了HTML文件的樣式檔案 |
主體內容:
< body>< /body>: 網頁中顯示的實際內容均包含在這2個正文標記符之間。正文標記符又稱為實體標記。只有 < body>區域 (白色部分) 才會在瀏覽器中顯示。
尾部內容:
< 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是網路的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文字與圖片相結合的複雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什麼型別的電腦或瀏覽器。