當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

web从零开始做网站：一.HTML基础与工具选择

發布時間：2024/5/14 HTML 43 豆豆

生活随笔收集整理的這篇文章主要介紹了 web从零开始做网站：一.HTML基础与工具选择小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

提示：HTML基礎與工具選擇

文章目錄

前言
一、HTML的概念
- 1.網頁的本質
- 2.HTML
- 2.1標簽的語法規范（這里簡略概括）
- 2.2html的骨架
二、開發工具
- 1.文本編輯工具（替代我們的文本工具）
- 2.集成開發環境
三.HBuilder（國產，對中文友好）

前言

web從零開始做網站：一.HTML基礎與工具選擇

提示：以下是本篇文章正文內容，下面案例可供參考

一、HTML的概念

1.網頁的本質

我們可以進行實操感受一下：
首先新建一個txt文本文件，在其中輸入內容

保存后我們把它直接從桌面拽進瀏覽器圖標，我們可以發現一個很神奇的現象。

在我們的網址欄，是我們的路徑，而內容便顯示在瀏覽器中。%20，是因為我的本地文件名里是新建文本文檔.txt,存在一個空格。
由此可以得到結論：網頁本質上還是一個文本文件。
但我們還是需要更改一下后綴名為htm或者html。更改之后我們會發現

默認的瀏覽器不同，圖標的顯示也是不一樣的。
瀏覽器會默認解析html文件。

2.HTML

HTML：HyperText Mark-up Language, 超文本標記語言。是用來描述網頁的一種標記語言。
它包括一系列標簽．通過這些標簽可以將網絡上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。
HTML的核心就是標簽，到目前為止總共的標簽超過了100個。
全部HTML標簽，可以參考：https://html5.tool.webfrontend.dev/

我們肯定不用全學，后面我會講解最常用的以及建立網站必要的標簽。

2.1標簽的語法規范（這里簡略概括）

HTML標簽是由尖括號包圍的。

根據標簽的書寫形式，分為雙標簽(閉合標簽)和單標簽(空標簽)。

標簽可以嵌套，不能交叉嵌套。

標簽中可以包含屬性。

標簽不區分大小寫。

2.2html的骨架

<!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>

二、開發工具

1.文本編輯工具（替代我們的文本工具）

2.集成開發環境

**這里我們推薦這兩個免費的VScode和HBuilder，百度可以直接官網下載安裝。

三.HBuilder（國產，對中文友好）

進入官網（大家有興趣可以好好探索一下）

點擊上欄的所有產品，并選擇第一行最左邊HBuilder X極客開發工具。

正常進行下載
下載完畢后，我們進行解壓，解壓的位置就是你平常安裝軟件的地址
完畢后，在文件夾里打開
因為要長期使用，建議大家創建快捷方式到桌面上打開。

迎面滿滿的中國風

第一次使用我說的仔細一點
首先新建一個項目（也就是個文件夾，類似于工作區）,當我們要有某個具體的目標項目的時候，可以直接命名成項目名稱。

其他的具體內容需要大家具體去探索。
我這里直接從git里導入

總結

以上是生活随笔為你收集整理的web从零开始做网站：一.HTML基础与工具选择的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。