HTML學習-1.初始框架

時間 2020-12-02

標籤 javascript html java 瀏覽器編碼 spa code htm blog 欄目 HTML 简体版

原文原文鏈接

HTML是什麼

HTML(Hyper Text Markup Language)是一種超文本標記語言，超文本就是不單單是文本內容，還包括聲音、圖畫、表格、連接等。javascript

通俗來說，HTML就是一種語言，相似於漢語、英語、日語等，區別在於漢語、英語等是用於人與人之間的語言，而HTML是用於人與瀏覽器之間的語言。咱們要想讓瀏覽器按照咱們的意願來展現網頁內容，就須要用HTML來告訴瀏覽器網頁中有什麼內容等，可是具體長什麼樣子，有什麼功能，還須要CSS和JavaScript來實現。html

HTML 進行網頁描述，就比如人骨骼、器官，但無具體長相，也沒法作出動做反應。
CSS 進行樣式定義，就比如人的皮膚，描繪出人的具體妝容外貌。
JavaScript 是一種腳本語言，比如是人的靈魂，令人能跑能動，可以作出反應。

HTML結構

介紹HTML的結構劃分以前，先說一說標籤，HTML是以標籤的形式來表現總體結構和內容書寫的，標籤由尖括號包圍的關鍵詞，好比 \<html\>,一般是成對出現的，如 \<html\>.... \</html\>,也有部分例外，如 \<br\>
下面看一下HTML的典型的網頁結構劃分java

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Document</title>
    </head>
    <body>
     這裏是文檔的主體... ...     
</body>
</html>

\<!DOCTYPE html\> 聲明爲 HTML文檔,由於瀏覽器可能精通多種語言，所以這一語句就是告訴瀏覽器，我下面的文檔是html類型的，請用html的解析方式解析。注：doctype並非HTML標籤，且不區分大小寫，便可寫爲\<!doctype html\>。
\<html\> 元素是 HTML 頁面的根元素，這是一個成對的標籤，即告訴瀏覽器\<html\>是個人文檔開始位置，\</html\>爲結束位置，中間所有都是html文檔內容。
\<head\> 元素包含了文檔的元（meta）數據，如 <meta charset="utf-8"> 定義網頁編碼格式爲 utf-8。就是告訴瀏覽器一些解析前的準備數據。charset是它的一個屬性，它規定了 HTML 文檔的字符時使用的utf-8編碼。
\<title\>元素描述了文檔的標題。就是整個網頁的大標題!
\<body\> 元素包含了可見的頁面內容，網頁中顯示的全部內容都寫在body標籤中。
\<h1\> 元素定義一個大標題。
\<p\> 元素定義一個段落。

utf-8是一種可變長度字符編碼，能夠將其理解爲ASCII碼的進階版，又稱萬國碼，包含了包括漢字在內的多國語言經常使用字的編碼。

補充

在使用VScode編寫HTML文檔時，輸入一個!而後按TAB鍵或者回車ENTER鍵會自動補全HTML結構以下（<!-- 此標籤中爲註釋內容--\>）：瀏覽器

<!DOCTYPE html>   
<html lang="en">  <!-- lang是 <html>標籤的一個屬性，代表文檔的語言，其中」en「表示英語 -->
<head>  
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 上句是告訴瀏覽器解析此文檔是自動適應屏幕的寬度 -->
    <title>Document</title>
</head>
<body>
    
</body>
</html>

[注] 本人也正在自學當中，文中若有理解不當或者錯誤表述，歡迎交流指正。編碼