前端基礎複習筆記----02web三大核心技術?HTML基本結構和屬性?HTML初始代碼?HTML註釋?標題與段落?

1. web三大核心技術?
    HTML
    CSS
    JavaScript

2. HTML基本結構和屬性?

    HTML : 超文本 標記 語言

    超文本 : 文本內容 + 非文本內容 ( 圖片、視頻、音頻等 )

    標記 : <單詞>

    語言 : 編程語言

    標記也叫做標籤:
        <header>
        <footer>
        寫法分成兩種:
            單標籤   <header>
            雙標籤   <header></header>

        創建標籤的快捷鍵:單詞 + tab鍵 -> <單詞>

    標籤是可以上下排列,也可以組合嵌套。

    HTML常見標籤:http://www.html5star.com/manual/html5label-meaning/

    標籤的屬性:來修飾標籤的,設置當前標籤的一些功能。
        <標籤 屬性="值" 屬性2="值2">

3. HTML初始代碼?

    每個.html文件都有的代碼叫做初始代碼 , 要複合html文件的規範寫法。

    ! + tab鍵 : 快速的創建html的初始代碼

<!DOCTYPE html>           文檔聲明 : 告訴瀏覽器這是一個html文件
<html lang="en"> html文件的最外層標籤:包裹着所有html標籤代碼 lang="en"表示是一個英文網站 lang="zh-CN"表示一箇中文網站
    <head>
        <meta charset="UTF-8">    元信息:是編寫網頁中的一些輔助信息 charset="UTF-8"國際編碼,讓網頁不出現亂碼的情況
        <title>Document</title>   設置網頁的標題
    </head>
    <body>
        顯示網頁內容的區域
    </body>
</html>

4. HTML註釋?

    寫法:<!-- 註釋的內容 -->  在瀏覽器中看不到,只能在代碼中看到註釋的內容。

    意義:
        1. 把暫時不用的代碼註釋起來,方便以後使用。
        2. 對開發人員進行提示。

    快捷添加註釋與刪除註釋:
        1. ctrl + /
        2. shift + alt + a    

5. 標題與段落?

    標題 -> 雙標籤 : <h1></h1>   ...  <h6></h6>

    在一個網頁中,h1標題最重要,並且一個.html文件中只能出現一次h1標籤。

    h5、h6標籤在網頁中不經常使用。

    段落 -> 雙標籤 : <p></p>

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