整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
1.基本結構
HTML的基本結構分兩部分
<html>
<head>
<title>頭部</title>
</head>
<body>
主體
</body>
</html>
HTML包括頭部Head和主體Body兩個部分（注意標簽都是以"<>"開始，"</>"結束，要求成對出現）
2.網頁摘要信息
網頁的摘要信息一般放在HTML文檔的頭部（Head）區域，主要通過以下2個標簽進行描述
2.1.<title>標簽
<title></title>打開網頁后，將在瀏覽器標簽頁顯示網頁標題。
2.2.<meta>標簽
文檔內容類型和字符編碼信息
<meta http-equiv="content-type"content="text/html";charset="gb2312">名稱：content-type（文檔類型）
值："text/html";charset="gb2312"（文本類別的html類型，字符編碼為簡體中文。）
charset表示字符編碼常用有如下4種：
GB2312：簡體中文，一般用于包含中文和英文的頁面。
ISO-885901:純英文，一般用于只包含英文的頁面。
BIG5:繁體，一般用于帶有繁體字的頁面。
UTF-8:國際通用的字符編碼，同樣適用于中文和英文的頁面。和“GB2312”編碼相比，“UTF-8”的國際通用性更好，但字符的壓縮比較低對網頁性能有一定影響。
家好，我是 Java陳序員。
瀏覽器是我們上網沖浪的必備工具，每次打開瀏覽器默認都是先看到起始頁。
有的瀏覽器起始頁十分簡潔美觀，而有的則是充滿了各種網址導航和廣告。
今天，給大家介紹一個瀏覽器起始頁配置插件，支持自定義配置。
關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。
Howdz Dashboard —— 一個基于 Vue3、Typescript、Vite 的完全自定義配置的瀏覽器起始頁，支持 Chrome 插件和 Edge 插件。
功能特色：
項目地址：
https://github.com/leon-kfd/Dashboard在線體驗地址：
https://www.howdz.xyz/預設多種主題，初始進入可任意選擇。
可動態設置壁紙，支持純色壁紙、本地圖片壁紙、網絡圖片壁紙、隨機圖片壁紙，隨機圖片壁紙支持收藏個人壁紙庫。
Tips:左下角的圖標按鈕可以更新壁紙和收藏壁紙。
壁紙還支持多種動畫特效。
可以從物料組件庫自行添加自己需要的組件，添加的組件提供很多樣式和功能的配置進行修改，并通過拖拽更改組件位置和大小。
提供大量組件用于定制化你的起始頁，可適配響應式設計。
Howdz Dashboard 提供大量組件用于定制化起始頁，這里挑選幾個比較有趣的組件。
Empty - 占位： 占位區塊組件，支持一些簡單配置與自定義文本。
Day - 自定義日期： 基于 Dayjs 的 formatter 格式化占位符語法實現自定義各種日期格式。
Verse - 隨機古詩： 隨機古詩組件，API 來源于 https://www.jinrishici.com/, 可配置定時刷新。
Search - 搜索欄： 支持添加自定義搜索引擎、按 Tab 鍵快速切換搜索引擎、支持關鍵詞聯想。
Collection - 鍵盤收藏夾： 鍵盤收藏夾，設置網站后按相應按鍵自動跳轉，網站 Icon 自動獲取。
Iframe - 外部網站： 設置嵌入 Iframe，最新版瀏覽器只支持同協議(當前網站為 https)的 Iframe.
TodoList - 備忘清單： 可同時設置不同日期，點擊上方日期展開日期選擇器。
Weather - 天氣： 天氣組件，支持通過 IP 自動獲取城市也可手動輸入，后續考慮添加讀取 GPS。
CountDown - 倒計時： 支持天、小時、分鐘三種單位的設置倒計時事件。
WeiboList - 微博熱搜： 顯示最新微博熱搜列表，支持配置自動刷新。
此外，還有掘金熱門、Github 趨勢、知乎熱榜。
Editor - Markdown編輯器： 基于 Milkdown 實現，支持按需加載各種插件包括:
MovieLine - 電影經典臺詞： 隨機一句電影經典臺詞，并展示其電影海報作為背景，支持動態設置各種顯示。
Bookmark - 書簽： 書簽管理器，當前文件夾只支持一級目錄。
推薦的開源項目已經收錄到 GitHub 項目，歡迎 Star：
https://github.com/chenyl8848/great-open-source-project或者訪問網站，進行在線瀏覽：
https://chencoding.top:8090/#/大家的點贊、收藏和評論都是對作者的支持，如文章對你有幫助還請點贊轉發支持下，謝謝！
今主流的技術中，可以分為前端和后端兩個門類。
前端：簡單的理解就是和用戶打交道
后端：主要用于組織數據
而前端就Web開發方向來說， 分為三門語言， HTML、CSS、JavaScript
語言 | 作用 |
HTML | 描述頁面的結構，類似于動物的骨架 |
CSS | 渲染技術，使得頁面更好看，也可以一定程度的讓頁面動起來 |
JavaScript | 實現和后端的交互， 數據驗證、收發等功能 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
上面面的一段代碼既表示一段HTML的結構， 它表示生成了一個空白的HTML網頁
組成HTML的元素稱為標簽，標簽的結構分為兩種
下面這段HTML代碼包含的標簽解釋如下
<!DOCTYPE html> 是一種HTML5的規范寫法，在HTML發展過程中還有以下的幾種聲明方式
<!DOCTYPE html> html5規范， html的第一行必須為此值
<!--html4 嚴格版-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"<http://www.w3.org/TR/html4/strict.dtd>">
<!--html4 過渡版-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"<http://www.w3.org/TR/html4/loose.dtd>">
<!--html4 框架版-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"<http://www.w3.org/TR/html4/frameset.dtd>">
關于html4的聲明類型，可以參考:
<https://www.w3.org/TR/html4/sgml/dtd.html>
<!--lang屬性表示使用英文，如果是中文，可以改成zh, 非嚴格屬性也可以不寫-->
<html lang="en">
</html>
<!--規定字符集使用UTF-8, UTF-8 涵蓋全球所有的國際和民族的文字和大量圖像, UTF-8 規定一個字符占3個字節-->
<meta charset="UTF-8">
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
