1. 程式人生 > 實用技巧 >前端的概述以及HTML的概述

前端的概述以及HTML的概述

  • web的發展史

    • web1.0 簡單的靜態頁面 早期三大門戶 搜狐 新浪 網易

    • web2.0 更注重使用者之間的互動 使用者即是資訊的消費者也是製造者 微博

    • web3.0

      • 人工智慧

      • 複雜的頁面功能

      • 即時通訊

  • web的前景

    • pc端的網頁

    • 移動端的網頁

    • ios android

      網頁三層結構

      • HTML 結構層--頁面有什麼東西

      • CSS 表示層--擁有的東西是什麼樣子的

      • JS(javascript) 行為層--使用者的行為觸發的事情

      HTML語言

      html定義

      • hyper text markup language (超文字標記語言),不是程式語言

      html文件(副檔名或者字尾名)

      • .txt .doc .xls

      • .html

      html基本語法

      • 標籤結構

        • 開始標籤開始,結束標籤結束,內部可以包含文字或者其他標籤

        • <關鍵字>
          文字內容
          <關鍵字>
          文字內容
          </關鍵字>
          </關鍵字>
        • 空標籤,只有開始標籤,沒有結束標籤

      • 標籤屬性

        • <cxl name="cxl" age="25" profession="singer"></cxl>
        • 標籤的屬性只能設定在開始標籤。

      html基本結構

      <!-- 不是標籤,是一個宣告,宣告文件型別,告訴瀏覽器以哪種規範來解析文件,這是html5的寫法 -->
      <!DOCTYPE html>
      <!-- html是文件的最大標籤 -->
      <html lang="en">

      <!-- head頭部標籤,內部寫,css樣式,元資訊,標題 -->
      <head>
      <!--
      設定字元編碼格式
      gb2312 中文簡體
      GBK 中文簡體和繁體
      UTF-8 萬國碼,中文,英文,日文,韓文,法語
      -->
      <meta charset="UTF-8">
      <!--
      配置視窗資訊(移動端需要配置)
      -->
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <!-- 文件的標題 -->
      <title>Document</title>
      </head>

      <body>
      <!-- body身體標籤,內部寫,所有的文件結構標籤 -->
      </body>

      </html>