前端學習第一天

技術標籤：html

VSCode外掛

在這裡插入圖片描述

Live Server外掛可以讓“實時熱更新”網頁，自動重新整理網頁。安裝完外掛後，在HTML檔案中，按 ctrl+shift+p ,選擇 Open with Live Server 即可
使用這種方法必須注意：網頁必須存放在資料夾中，且VSCode已經開啟這個資料夾
不支援gb2312(gbk)字符集，只支援UTF-8

認識HTML骨架

<!DOCTYPE html>  <!-- 文件型別宣告DTD,不寫會有瀏覽器相容問題-->
<html lang="en"> < 
!-- lang屬性表示網頁的語言，zh表示中文 -->
<head>
    <!--meta元標籤，表示網頁的基礎配置 -->
    <meta charset="UTF-8"><!-- 字符集 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title><!-- title標籤用來設定網頁的標題，文字會顯示在瀏覽器的標籤欄上。也是搜尋引擎收錄網站時顯示的標題 -- 
>
</head>
<body>
</body>
</html>

網頁關鍵詞和頁面描述

使用 meta 標籤設定網頁關鍵詞和描述，name 屬性非常關鍵，用來設定 meta 的具體功能
name = "Keywords" 關鍵詞，content內容
name = "Description" 頁面描述，content內容

HTML5新特性

轉義字元：

<:小於號
>:大於號
 :空格(不會被摺疊)
©:版權符號@

<li> 標籤只能放在<ul>

標籤或<ol>標籤裡
<ul>標籤和<ol>標籤的子標籤只能是<li>標籤
<li>標籤裡可以放任何東西
<ol>標籤的reversed屬性不需要值，用於設定倒序排列，只需要寫reserved單詞即可。

前端學習第一天

前端學習第一天

VSCode外掛

認識HTML骨架

網頁關鍵詞和頁面描述

HTML5新特性

前端學習第一天

Web前端學習第一天——————HTML篇.004百度雲盤目錄

Web前端開發第一天學習筆記

前端開發學習第一天之html

django學習第一天

H5學習第一天（VSCode工具生成的骨架標籤新增程式碼）

H5學習第一天（06HTML常用標籤）

回學校上課重新學習第一天

MySQL高階學習(第一天)

機器學習第一天----瞭解Numpy基礎包

Linux學習第一天

【SpringMVC學習第一天】回顧Servlet

Java學習第一天

jupyterLab學習第一天

前端學習第一課——HTML

Markdown學習第一天

C語言入門學習——第一天

C++學習第一天

資料庫MySQL學習第一天—資料庫概述與查詢語句的相關內容

JSP程式設計學習第一天

前端學習第一天

前端學習第一天

VSCode外掛

認識HTML骨架

網頁關鍵詞和頁面描述

HTML5新特性

相關推薦