哪家公司建網(wǎng)站最好網(wǎng)站 推廣
圖文教程
基本骨架
舉個例子，下圖所展示的為html的源代碼
-!DOCTYPE：表示文檔類型（后邊寫的html表示文檔類型是html）；其中“！”表示聲明
只要是加這個聲明標(biāo)簽的，瀏覽器就會把下邊的源代碼當(dāng)作html解析
<html>：整個網(wǎng)頁都需要被<html></html>包裹
-lang：表示網(wǎng)站的主體語言，如下圖所示
-<head></head>：表示網(wǎng)頁配置，比如配置字符類型為utf8類型（字符類型的區(qū)別如下圖所示，需要補(bǔ)充的是若網(wǎng)頁是面向國際化的用utf-8，如果是面對國內(nèi)的用gbk字符集）
-meta：表示基本配置，寫在<head>標(biāo)簽內(nèi)
<meta name="viewport" content="width=device-width, initial-scale=1.0">
這段代碼是用于設(shè)置網(wǎng)頁的視口（viewport）屬性，主要是為了讓網(wǎng)頁在移動設(shè)備上能夠自適應(yīng)屏幕大小并正常顯示。（對應(yīng)了網(wǎng)頁的基本配置）效果對比如下
不加這段代碼
加了這段代碼（明顯針對手機(jī)開啟了自適應(yīng)的模式）
-<title>標(biāo)簽：用來管理瀏覽器選項卡的名稱
-<body>標(biāo)簽：設(shè)置我們在瀏覽器能看到區(qū)域的網(wǎng)頁內(nèi)容，比如我們之前舉例的“pikachu”按鈕
補(bǔ)充
keywords關(guān)鍵字：<meta>標(biāo)簽中的keywords關(guān)鍵字的用途：搜索引擎抓取頁面的原理（通過下面的關(guān)鍵詞搜索進(jìn)行抓取網(wǎng)站）
description關(guān)鍵字：同樣的也是meta標(biāo)簽中的，用來描述網(wǎng)站的信息
基本語法
標(biāo)簽格式規(guī)則
- 標(biāo)簽名必須書寫在一對尖括號<>內(nèi)部
- 標(biāo)簽分為單標(biāo)簽和雙標(biāo)簽，雙標(biāo)簽必須成對存在，有開始標(biāo)簽和結(jié)束標(biāo)簽
- 結(jié)束標(biāo)簽必須有關(guān)閉符號/
- 根據(jù)標(biāo)簽內(nèi)部存放的內(nèi)容不同，將不同的標(biāo)簽劃分為兩個級別
其中雙標(biāo)簽必須成對存在，有開始標(biāo)簽和結(jié)束標(biāo)簽
| 單標(biāo)簽 | 雙標(biāo)簽 |
| img | h1-h6 |
| br | div |
| hr | span |
| p | |
| a | |
| ul+li |
<br>：換行
<hr>：表示水平分割線，用于分割內(nèi)容
<div>：定義頁面中的塊級元素，用于分組或布局
<ul>：創(chuàng)建無序列表 <li>：列表項，用于放置具體內(nèi)容
無序列表如下圖所示
<p>：換行
<span>：改變字體顏色、字體大小、字體樣式，添加特定的標(biāo)記，使用JavaScript來操作<span>元素，實現(xiàn)一些動態(tài)效果或交互功能
根據(jù)標(biāo)簽的種類區(qū)分兩個等級：容器級，文本級
容器級：元素內(nèi)部除了可以存放文本外，還可以嵌套各種類型的標(biāo)簽
文本級：元素內(nèi)部只能存放文本或文本標(biāo)簽
| 容器級標(biāo)簽 | 文本級標(biāo)簽 |
| div,ol,ul,li,dl,dt,dd,h1-h6 | span,img,b,u,i |
標(biāo)簽屬性
概念：賦予標(biāo)簽一些特殊性質(zhì)，給標(biāo)簽加上某些性質(zhì)就相當(dāng)于給標(biāo)簽賦予了職能（前提是標(biāo)簽必須具備這些職能）————比如：<a></a>標(biāo)簽具備鏈接性質(zhì)，后邊的屬性value可以填上一些網(wǎng)址鏈接，這樣用戶可以通過頁面點(diǎn)擊鏈接，當(dāng)然就算不填網(wǎng)址，這個標(biāo)簽依然具備鏈接屬性，只不過并不會跳轉(zhuǎn)網(wǎng)頁
書寫位置：在開始標(biāo)簽或單標(biāo)簽的標(biāo)簽名后面，添加一個空格，空格后邊書寫屬性（href=x）
--href是鍵（key），x是屬性值（value）
href：指定超鏈接目標(biāo)的URL，是<a></a>標(biāo)簽專屬屬性
實例：
<a href="www.baidu.com" title="我是title"></a>
像上句這樣連續(xù)寫兩個屬性，要用空格隔開
注意：文字的位置是根據(jù)標(biāo)簽種類決定
- 標(biāo)簽與其他標(biāo)簽之間對空白、換行、縮進(jìn)等不敏感，有沒有空白不影響瀏覽器加載效果
- 在上傳代碼過程中，為了提高傳輸速度，可以將代碼進(jìn)行壓縮，刪除多余的空白，目的就是為了壓縮文件的大小
- 標(biāo)簽之間還有嵌套關(guān)系
空白折疊現(xiàn)象：不會因為一直空格而顯示很多空白（除非用標(biāo)簽 進(jìn)行空格留白）
視頻教程
嗶哩嗶哩（B站）搜索框中輸入“uid=3546393096489381”即可
用戶：star010_