小白HTML&CSS&JavaScript學習（未完結，持續更新）

阿新 • • 發佈：2021-02-10

HTML

基本框架

<!doctype html>
<html lang="zh-CN">
	<head>
	<meta charset="utf-8">
		<title>無標題文件</title>
	</head>
	<body>
	</body>
</html>

iframe內聯框架

 <iframe src="https://www.bilibili.com" frameborder 
="0" width="1450" height="1000"></iframe>
 不常用，有缺點

基礎

1. 標題（h）

<h1>一級標題</h1>		一般一個網頁中只有一個h1標題
<h2>二級標題</h2>

拓展

<!-- 
    hgroup標籤用來為標題分組
    將一組相關的標題放入同一組中
 -->
    <hgroup>
        <h1>你好</h1>
        <h2>我是</h2 
>
    </hgroup>

2. 段落（p）

<p>Hello World!</p>					<!-- 形成一個段落 -->
<br>Hello World!</br>				<!-- 折行，但不形成段落 -->
<blockquote>獨佔一行的塊元素</blockquote>	<!--引用 -->

3. 連結（a）

<a href="https://www.bilibili.com/">這是一個連結</a>

4. 影象（img）

img元素屬於替換元素（基於塊元素和行內元素之間，具有兩種元素的特點）
alt 圖片的描述，預設情況下不會顯示，當圖片載入失敗的時候會顯示

但搜尋引擎會根據alt中的內容識別圖片，如果不寫alt屬性則不會被搜尋引擎收錄
title屬性可以顯示圖片或文字的屬性

<img title="多多和小小初次購物" src="../圖片/影象.jpg" alt="多多and小小" width="200" > 
<!--若只設置width（height），不設定height（width）則會等比例縮放 -->

拓展
1. jepg（jpg）：支援的顏色比較豐富，不支援透明效果，不支援動圖
2. gif：支援的顏色較少，支援簡單透明，支援動圖
3. png：支援的顏色豐富，支援複雜透明，不支援動圖
4. webp：谷歌推出的專門用來表示網頁中的圖片的一種格式，具備前三種的所有優點，記憶體小
5. base64：希望圖片載入速度快的時候使用，將圖片轉換成編碼的形式，隨瀏覽器載入一起出

5. 註釋（）

<!--這是一個註釋-->

6. 水平線（hr）

<hr>

屬性

body屬性

值	描述
class	為html元素定義一個或多個類名（classname）(類名從樣式檔案引入)
id	定義元素的唯一id
style	規定元素的行內樣式（inline style）
title	描述了元素的額外資訊 (作為工具條使用)

拓展

title 標籤的內容會作為瀏覽器搜尋結果的超連結上的文字

a 標籤的屬性

target 屬性

<a target="value">

值	描述
_blank	在新視窗中開啟被連結文件。
_self	預設。在相同的框架中開啟被連結文件。
_parent	在父框架集中開啟被連結文件。
_top	在整個視窗中開啟被連結文件。
framename	在指定的框架中開啟被連結文件。

type 屬性

<a type="value">

屬性	描述
MIME type	規定被連結文件的的 MIME 型別。

hreflang 屬性

hreflang 屬性指定被連結文件的語言

<a hreflang="value">
<a href="https://www.bilibili.com" hreflang="zh">B站</a>

name 與 id 屬性

name（id）可傳送至錨處

<a name="top">top</a>					<!--錨-->
<a href="#top">去top</a>					<!-- 傳送 -->

拓展

可在開啟新網頁的時候定位到錨處

<a href="http://127.0.0.1:5500/basic.html#foot">訪問到foot處</a>

head 屬性

標籤	描述
head	定義了文件的資訊
title	定義了文件的標題
base	定義了頁面連結標籤的預設連結地址
link	定義了一個文件和外部資源之間的關係
meta	定義了HTML文件中
script	定義了客戶端的指令碼檔案
style	定義了HTML文件的樣式檔案

<meta charset="UTF-8" name="keywords" content="HTML,學習,小小,多多">
<meta charset="UTF-8" name="description" content="HTML,學習,小小,多多">

字型（font）

1. 顏色

<font style="color: brown;">Hello World!</font>

2. 大小

<font style="font-size: 20px;">Hello World!</font> 
<p style="font-size: 20px;">Hello World!</p>

3. 型別

<p style="font-family:華文彩雲;">你好世界！</p>
<font style="font-family:華文彩雲;">Hello World!</font>

文字格式化

1. 文字格式化標籤

<b>Hello World!</b>                                         <!-- 加粗文字 -->
<em>Hello World!</em>                                       <!-- 定義著重文字 -->
<i>Hello World!</i>                                         <!-- 斜體 -->
<strong>Hello World!</strong>							 <!-- 強化語氣 -->
<blockquote>獨佔一行的塊元素</blockquote>

列表

列表之間可以互相巢狀

屬性	描述
ul	無序列表（用的最多）
ol	有序列表
dl	定義列表

<dl>
         <dt>HTML</dt>			<!--dt定義名，dd定義的內容-->
            <dd>HTML稱為超文字標記語言，是一種標記語言。它包括一系列標籤．
             通過這些標籤可以將網路上的文件格式統一，使分散的Internet資源連線為一個邏輯整體。
             HTML文字是由HTML命令組成的描述性文字，HTML命令可以說明文字，圖形、動畫、聲音、表格、連結等
            </dd>
     </dl>

音訊（audio）和視訊（video）

1. 音訊

controls：允許使用者控制
autoplay：自動播放
loop：迴圈播放

<audio src="" controls autoplay loop></audio>

拓展

<!-- 可用來播放音訊失敗時提示使用者升級瀏覽器 
    <audio controls>
        對不起，你的瀏覽器不支援播放音訊，請升級瀏覽器
        <source src="./音訊/雙笙_封茗囧菌-霜雪千年.mp3"> 
    </audio>
-->

<embed src="./音訊/雙笙_封茗囧菌-霜雪千年.mp3" type="audio/mp3" width="300">
<!--	embed所有瀏覽器都支援，但版本很舊-->

2. 視訊

方法和audio基本一致

<audio controls>
    對不起，你的瀏覽器不支援播放視訊，請升級瀏覽器
    <source src="./"> 
</audio>

<embed src="./" type="audio/mp4" width="300">

// embed所有瀏覽器都支援，但版本很舊

3. 注意示項

一般不會引入本地視訊

注意事項

如果需要書寫特殊符號，則需要用Html中的實體（轉義字元）

&實體的名字

顯示結果	實體名稱	描述
	&nbsp	空格
<	&lt	小於號
>	&gt	大於號
&	&amp	和號
"	&quot	引號
`	&apos	撇號
￠	&cent	分（cent）
£	&pound	鎊（pound）
¥	&yen	元（yen）
€	&euro	歐元（euro）
§	&sect	小節
©	&copy	版權（copyright）
®	&reg	註冊商標
™	&trade	商標
×	&times	乘號
÷	&divide	除號

CSS

基本框架

1. 內聯（行內）樣式

直接在HTML語句中定義

<p style="color: red; font-size: 30px;">命數入織，當為磐石</p>

缺點

樣式只能對一個標籤生效
對多個元素生效時，需每一個都定義一次
修改樣式麻煩，需一個一個修改，不方便

2. 在head中的style定義

在CSS選擇器中定義樣式

<style>
        p{
            color: red;
            font-size: 30px;
        }
</style>

優點
1. 可同時為多個標籤定義樣式，修改時只需修改一處即可應用全部
缺點
1. 但只能對當前的一個網頁有效，不能跨介面複用

3. 外部樣式表

定義一個.css檔案
然後用link語法連結

<link rel="stylesheet" href="./樣式表.css">

常用選擇器

id 與 class

定義：根據元素的id屬性值選中一個元素
語法：#red{}
注意：最好不要重複使用，id屬於唯一值

<style>	
	#gray{
            color: gray;
     }
</style>
</head>
<body>
    <h1>靜夜思</h1>
    <p>床前明月光</p>
    <p>疑似地上霜</p>
    <p>舉頭望明月</p>
    <p id="gray">低頭思故鄉</p>

class

定義：與id相似，但可以重複使用
語法：.blue{}
class可以為元素分組
一個元素可以指定多個class元素,class之間用空格間開

<style>	
	#gray{
            color: gray;
     }
    .blue{
            color: blue;
	}
    .one{
        font-size: 15px;
    }
</style>
</head>
<body>
    <h1>靜夜思</h1>	
    <p class="blue one">床前明月光</p>	<!--指定多個class元素-->
    <p class="blue">疑似地上霜</p>
    <p class="blue">舉頭望明月</p>
    <p id="gray">低頭思故鄉</p>

通配選擇器

*{
	<!-- 作用於整個CSS -->
}

複合（交集）選擇器

定義：同時複合多個條件的元素
語法：h1，h2{}

<style>
       p.two{
           font-size: 30px;
           font-family: "華文彩雲";
       }
   </style>
</head>
<body>
       <div class="two">HTML</div>
       <p class="two">CSS</p>

關係選擇器

定義
語法
- div>p div.one>p div>p>span p+h4 div~span

<style>
        div>span{                       /*子元素選擇器  語法：父元素>子元素*/
            font-size: 40px;
            font-family:'宋體';
            color: orange;
        }

        div.one>p{                      /*父子選擇器結合class標籤*/
            font-size: 30px;
            color: chocolate;
        }

        div>span>p{                     /*父子選擇器*/
            font-size: 40px;
            color: teal;
        }
        p + h4{
            font-family: '草書';        /*兄弟選擇器   語法：前一個+後一個	（只選擇緊挨著的第一個元素）*/
            color: violet;  
        }
    	div ~ span{					/*兄弟選擇器（選擇下面所有的兄弟元素）*/
            font-size: 20px;
            color: royalblue;
        }
    </style>
</head>
<body>
    <div>
        <span>
            div內的span
            <p>div>span>p</p>
        </span>  
    </div>
    <div class="one">
        <p>div與class</p>
        <h4>p旁邊的h4元素</h4>
    </div>
        <span>div外的span</span>

屬性選擇器

語法：[屬性名] 選擇含有指定屬性名的元素

[屬性名 = 屬性值] 鑽則含有指定屬性名和屬性值的元素

<style>
        p[title]{                   /*[屬性名]	選擇含有指定屬性名的元素*/
            color: tomato;
    }
        p[title = abc]{             /*[屬性名 = 屬性值]	選擇含有指定屬性名和屬性值的元素*/
            font-family: '華文彩雲';
        }
        p[title ^= abc]{            /*[屬性名 ^= 屬性值]	選擇屬性值以指定開頭的元素*/
            font-size: 40px;
        }
        p[title $= de]{            /*[屬性名 $= 屬性值]	選擇屬性值以指定結尾的元素*/
            font-size: 60px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <h1>靜夜思</h1>
    <p title="abc">床前明月光</p>
    <p title="abcde">疑似地上霜</p>
    <p title="fde">舉頭望明月</p>
    <p id="gray">低頭思故鄉</p>

注意事項

1. style

style中的語句不支援HTML語句，屬於CSS，包括註釋# HTML

基本框架

<!doctype html>
<html lang="zh-CN">
	<head>
	<meta charset="utf-8">
		<title>無標題文件</title>
	</head>
	<body>
	</body>
</html>

iframe內聯框架

 <iframe src="https://www.bilibili.com" frameborder="0" width="1450" height="1000"></iframe>
 不常用，有缺點

基礎

1. 標題（h）

<h1>一級標題</h1>		一般一個網頁中只有一個h1標題
<h2>二級標題</h2>

拓展

<!-- 
    hgroup標籤用來為標題分組
    將一組相關的標題放入同一組中
 -->
    <hgroup>
        <h1>你好</h1>
        <h2>我是</h2>
    </hgroup>

2. 段落（p）

<p>Hello World!</p>					<!-- 形成一個段落 -->
<br>Hello World!</br>				<!-- 折行，但不形成段落 -->
<blockquote>獨佔一行的塊元素</blockquote>	<!--引用 -->

3. 連結（a）

<a href="https://www.bilibili.com/">這是一個連結</a>

4. 影象（img）

img元素屬於替換元素（基於塊元素和行內元素之間，具有兩種元素的特點）
alt 圖片的描述，預設情況下不會顯示，當圖片載入失敗的時候會顯示

但搜尋引擎會根據alt中的內容識別圖片，如果不寫alt屬性則不會被搜尋引擎收錄
title屬性可以顯示圖片或文字的屬性

<img title="多多和小小初次購物" src="../圖片/影象.jpg" alt="多多and小小" width="200" > 
<!--若只設置width（height），不設定height（width）則會等比例縮放 -->

拓展
1. jepg（jpg）：支援的顏色比較豐富，不支援透明效果，不支援動圖
2. gif：支援的顏色較少，支援簡單透明，支援動圖
3. png：支援的顏色豐富，支援複雜透明，不支援動圖
4. webp：谷歌推出的專門用來表示網頁中的圖片的一種格式，具備前三種的所有優點，記憶體小
5. base64：希望圖片載入速度快的時候使用，將圖片轉換成編碼的形式，隨瀏覽器載入一起出

5. 註釋（）

<!--這是一個註釋-->

6. 水平線（hr）

<hr>

屬性

body屬性

值	描述
class	為html元素定義一個或多個類名（classname）(類名從樣式檔案引入)
id	定義元素的唯一id
style	規定元素的行內樣式（inline style）
title	描述了元素的額外資訊 (作為工具條使用)

拓展

title 標籤的內容會作為瀏覽器搜尋結果的超連結上的文字

a 標籤的屬性

target 屬性

<a target="value">

值	描述
_blank	在新視窗中開啟被連結文件。
_self	預設。在相同的框架中開啟被連結文件。
_parent	在父框架集中開啟被連結文件。
_top	在整個視窗中開啟被連結文件。
framename	在指定的框架中開啟被連結文件。

type 屬性

<a type="value">

屬性	描述
MIME type	規定被連結文件的的 MIME 型別。

hreflang 屬性

<a hreflang="value">
<a href="https://www.bilibili.com" hreflang="zh">B站</a>

name 與 id 屬性

name（id）可傳送至錨處

<a name="top">top</a>					<!--錨-->
<a href="#top">去top</a>					<!-- 傳送 -->

拓展

可在開啟新網頁的時候定位到錨處

<a href="http://127.0.0.1:5500/basic.html#foot">訪問到foot處</a>

head 屬性

標籤	描述
head	定義了文件的資訊
title	定義了文件的標題
base	定義了頁面連結標籤的預設連結地址
link	定義了一個文件和外部資源之間的關係
meta	定義了HTML文件中
script	定義了客戶端的指令碼檔案
style	定義了HTML文件的樣式檔案

<meta charset="UTF-8" name="keywords" content="HTML,學習,小小,多多">
<meta charset="UTF-8" name="description" content="HTML,學習,小小,多多">

字型（font）

1. 顏色

<font style="color: brown;">Hello World!</font>

2. 大小

<font style="font-size: 20px;">Hello World!</font> 
<p style="font-size: 20px;">Hello World!</p>

3. 型別

<p style="font-family:華文彩雲;">你好世界！</p>
<font style="font-family:華文彩雲;">Hello World!</font>

文字格式化

1. 文字格式化標籤

<b>Hello World!</b>                                         <!-- 加粗文字 -->
<em>Hello World!</em>                                       <!-- 定義著重文字 -->
<i>Hello World!</i>                                         <!-- 斜體 -->
<strong>Hello World!</strong>							 <!-- 強化語氣 -->
<blockquote>獨佔一行的塊元素</blockquote>

列表

列表之間可以互相巢狀

屬性	描述
ul	無序列表（用的最多）
ol	有序列表
dl	定義列表

<dl>
         <dt>HTML</dt>			<!--dt定義名，dd定義的內容-->
            <dd>HTML稱為超文字標記語言，是一種標記語言。它包括一系列標籤．
             通過這些標籤可以將網路上的文件格式統一，使分散的Internet資源連線為一個邏輯整體。
             HTML文字是由HTML命令組成的描述性文字，HTML命令可以說明文字，圖形、動畫、聲音、表格、連結等
            </dd>
     </dl>

音訊（audio）和視訊（video）

1. 音訊

controls：允許使用者控制
autoplay：自動播放
loop：迴圈播放

<audio src="" controls autoplay loop></audio>

拓展

<!-- 可用來播放音訊失敗時提示使用者升級瀏覽器 
    <audio controls>
        對不起，你的瀏覽器不支援播放音訊，請升級瀏覽器
        <source src="./音訊/雙笙_封茗囧菌-霜雪千年.mp3"> 
    </audio>
-->

<embed src="./音訊/雙笙_封茗囧菌-霜雪千年.mp3" type="audio/mp3" width="300">
<!--	embed所有瀏覽器都支援，但版本很舊-->

2. 視訊

方法和audio基本一致

<audio controls>
    對不起，你的瀏覽器不支援播放視訊，請升級瀏覽器
    <source src="./"> 
</audio>

<embed src="./" type="audio/mp4" width="300">

// embed所有瀏覽器都支援，但版本很舊

3. 注意示項

一般不會引入本地視訊

注意事項

如果需要書寫特殊符號，則需要用Html中的實體（轉義字元）

&實體的名字

顯示結果	實體名稱	描述
	&nbsp	空格
<	&lt	小於號
>	&gt	大於號
&	&amp	和號
"	&quot	引號
`	&apos	撇號
￠	&cent	分（cent）
£	&pound	鎊（pound）
¥	&yen	元（yen）
€	&euro	歐元（euro）
§	&sect	小節
©	&copy	版權（copyright）
®	&reg	註冊商標
™	&trade	商標
×	&times	乘號
÷	&divide	除號

CSS

基本框架

1. 內聯（行內）樣式

直接在HTML語句中定義

<p style="color: red; font-size: 30px;">命數入織，當為磐石</p>

缺點

樣式只能對一個標籤生效
對多個元素生效時，需每一個都定義一次
修改樣式麻煩，需一個一個修改，不方便

2. 在head中的style定義

在CSS選擇器中定義樣式

<style>
        p{
            color: red;
            font-size: 30px;
        }
</style>

優點
1. 可同時為多個標籤定義樣式，修改時只需修改一處即可應用全部
缺點
1. 但只能對當前的一個網頁有效，不能跨介面複用

3. 外部樣式表

定義一個.css檔案
然後用link語法連結

<link rel="stylesheet" href="./樣式表.css">

常用選擇器

id 與 class

定義：根據元素的id屬性值選中一個元素
語法：#red{}
注意：最好不要重複使用，id屬於唯一值

<style>	
	#gray{
            color: gray;
     }
</style>
</head>
<body>
    <h1>靜夜思</h1>
    <p>床前明月光</p>
    <p>疑似地上霜</p>
    <p>舉頭望明月</p>
    <p id="gray">低頭思故鄉</p>

class

定義：與id相似，但可以重複使用
語法：.blue{}
class可以為元素分組
一個元素可以指定多個class元素,class之間用空格間開

<style>	
	#gray{
            color: gray;
     }
    .blue{
            color: blue;
	}
    .one{
        font-size: 15px;
    }
</style>
</head>
<body>
    <h1>靜夜思</h1>	
    <p class="blue one">床前明月光</p>	<!--指定多個class元素-->
    <p class="blue">疑似地上霜</p>
    <p class="blue">舉頭望明月</p>
    <p id="gray">低頭思故鄉</p>

通配選擇器

*{
	<!-- 作用於整個CSS -->
}

複合（交集）選擇器

定義：同時複合多個條件的元素
語法：h1，h2{}

<style>
       p.two{
           font-size: 30px;
           font-family: "華文彩雲";
       }
   </style>
</head>
<body>
       <div class="two">HTML</div>
       <p class="two">CSS</p>

關係選擇器

定義
語法
- div>p div.one>p div>p>span p+h4 div~span

<style>
        div>span{                       /*子元素選擇器  語法：父元素>子元素
            font-size: 40px;
            font-family:'宋體';
            color: orange;
        }

        div.one>p{                      /*父子選擇器結合class標籤
            font-size: 30px;
            color: chocolate;
        }

        div>span>p{                     /*父子選擇器*/
            font-size: 40px;
            color: teal;
        }
        p + h4{
            font-family: '草書';        /*兄弟選擇器   語法：前一個+後一個	（只選擇緊挨著的第一個元素）*/
            color: violet;  
        }
    	div ~ span{					/*兄弟選擇器（選擇下面所有的兄弟元素）*/
            font-size: 20px;
            color: royalblue;
        }
    </style>
</head>
<body>
    <div>
        <span>
            div內的span
            <p>div>span>p</p>
        </span>  
    </div>
    <div class="one">
        <p>div與class</p>
        <h4>p旁邊的h4元素</h4>
    </div>
        <span>div外的span</span>

屬性選擇器

語法：[屬性名] 選擇含有指定屬性名的元素

[屬性名 = 屬性值] 鑽則含有指定屬性名和屬性值的元素

<style>
        p[title]{                   /*[屬性名]	選擇含有指定屬性名的元素*/
            color: tomato;
    }
        p[title = abc]{             /*[屬性名 = 屬性值]	選擇含有指定屬性名和屬性值的元素*/
            font-family: '華文彩雲';
        }
        p[title ^= abc]{            /*[屬性名 ^= 屬性值]	選擇屬性值以指定開頭的元素*/
            font-size: 40px;
        }
        p[title $= de]{            /*[屬性名 $= 屬性值]	選擇屬性值以指定結尾的元素*/
            font-size: 60px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <h1>靜夜思</h1>
    <p title="abc">床前明月光</p>
    <p title="abcde">疑似地上霜</p>
    <p title="fde">舉頭望明月</p>
    <p id="gray">低頭思故鄉</p>

注意事項

1. style

style中的語句不支援HTML語句，屬於CSS，包括註釋

小白HTML&CSS&JavaScript學習（未完結，持續更新）

技術標籤：黃化的多多html HTML 基本框架 <!doctype html> <html lang="zh-CN">

HTML、CSS 和 JavaScript 基本前端語言學習指南

對於任何有興趣學習前端 Web 開發的人來說，瞭解 HTML、CSS 和JavaScript 之間的區別至關重要。這三種前端語言都是您訪問過的每個網站的使用者介面構建塊。而且，雖然每種語言都有不同的功能重點，但它們都可以共同建

01 認識html、css和javascript

簡介網頁是個文字檔案，主要由html，css和javascript組成。 HTML稱為超文字標記語言，可以用來顯示文字、圖片、聲音、視訊、按鈕、表格等。

OpenCV計算機視覺學習（2）——影象算術運算 & 掩膜mask操作（數值計算，影象融合，邊界填充）

　　在OpenCV中我們經常會遇到一個名字：Mask（掩膜）。很多函式都使用到它，那麼這個Mask到底是什麼呢，下面我們從影象基本運算開始，一步一步學習掩膜。

Java自學小白——面向物件進階課程學習1

這是我的第一篇隨筆（是文章嗎？）主要是為了複習一節課程中學習的知識，可以說是知識總結，手寫的筆記侷限太多，現在選擇使用部落格來記錄每天的學習成果。

Java自學小白——面向物件進階課程學習2

Java面向物件進階二一、包什麼是包？包是用來分門別類的管理各種不同類，類似於資料夾、建包利於程式的管理和維護

新手理解HTML、CSS、javascript之間的關係

工作多年，一直忙忙碌碌的應用各種技術，現在不忙了，問問自己究竟在做什麼，究竟會什麼竟答不上來，回想起來工作中經常是被要求多快好省的去實現一個目標，用度娘解決問題，卻沒時間瞭解原因，今天就從巨集觀的角度

牛客小白月賽27 I -名作之壁（單調佇列，雙指標）

牛客小白月賽27 I -名作之壁（單調佇列，雙指標）題面：思路：我們很容易知道，當確定一個區間的左端點\$\\mathit l\$ 後，區間最小值和最大值是關於區間右端點$\\mathit r $ 的一個單峰函式。

【牛客】小白月賽30部分題目題解（自我學習用）

https://ac.nowcoder.com/acm/contest/9667/F 知識點：貪心我們首先要知道這題是怎麼貪心的

小白入門C語言的複習筆記（二）

技術標籤：C語言複習筆記程式語言c語言c++ 這裡寫自定義目錄標題 1、一些概念2、C語言的基本模組是什麼？3、什麼是語法錯誤？寫出一個英語例子和C語言例子。4、什麼是語義錯誤？寫出一個英語例子和C語言例子。

javascript學習（二）--函式

一、在JavaScript中，定義函式的方式如下： 1、第一種方式： function abs(x) { if (x >= 0) {

小白入門Python Web之web開發前的準備（持續更新~）

技術標籤：python經驗分享程式人生python大資料其他前面對python web開發做了個簡單的介紹，不清楚的小夥伴可以戳小白入門Python Web開發介紹。

c語言遞迴：什麼是遞迴&&遞迴怎麼用（例子：階乘函式）

技術標籤：C語言c語言程式語言初學C語言時不知道什麼是遞迴，就知道哦，那樣老師教的就是遞迴，可是最後複習的時候，看見遞迴寫菲波那切數列時，還是不知道在寫的，只知道用循壞寫遞迴，當然當時學遞迴時候和迴

Javascript學習（三）

技術標籤：Js學習記錄javascripthtmlhtml5 Javascript學習（三） Math 物件 Math物件裡的所有屬性都是常量，不能被改變

嚐嚐鮮：江小白蜜桃味高粱酒 9.9 元（立減15元）

嚐嚐鮮：江小白 23 度蜜桃味高粱酒 168ml / 瓶報價 24.9 元，限時限量 15 元券，實付 9.9 元包郵，領券併購買。

雷神釋出 IGER 一格小白輕薄本：15.6 英寸/i5-1135G7 處理器，3999 元起

8 月 5 日訊息今日雷神正式釋出新款IGER 一格小白輕薄本。這款產品採用純白外殼，側面楔形設計，螢幕 15.6 英寸，最厚處僅為 19.95mm，輕至 1.85kg。該筆記本搭載英特爾第 11 代酷睿 Tiger Lake-U 處理器，擁有豐富

雲小課｜VMware備份上雲學習專列來了，快加入吧~

閱識風雲是華為雲資訊大咖，擅長將複雜資訊多元化呈現，其出品的一張圖(雲圖說)、深入淺出的博文(雲小課)或短視訊(雲視廳)總有一款能讓您快速上手華為雲。更多精彩內容請單擊此處。

國際烈酒大賽金獎，江小白金質高粱酒 4 瓶 206 元（京東 311 元）

國際烈酒大賽金獎，江小白金質高粱酒 500mL×4 瓶報價 316 元，下單立減 50 元，限時限量 60 元券，實付 206 元包郵，領券併購買。買即送品鑑酒 150mL×3 瓶，限量 500 份，贈完即止。使用最會買 App 下單，預計還能

給小白的 PostgreSQL 容器化部署教程（上）

作者：王志斌編輯：鍾華龍本文來自社群小夥伴王志斌的投稿。從小白的角度，帶你一步步實現將 RadonDB PostgreSQL 叢集部署到 Kubernetes 上。文章分為上下兩部分，第一部分將為大家演示如何搭建一套Kubernetes

前端計網面試題學習總結（持續更新）

一.從輸入URL到頁面展示，這中間發生了什麼首先來看一下“從輸入URL到頁面展示完整流程的示意圖”

小白HTML&CSS&JavaScript學習（未完結，持續更新）

HTML

基本框架

iframe內聯框架

基礎

1. 標題（h）

2. 段落（p）

3. 連結（a）

4. 影象（img）

5. 註釋（ ）

6. 水平線（hr）

屬性

body屬性

a 標籤的屬性

target 屬性

type 屬性

hreflang 屬性

name 與 id 屬性

head 屬性

字型（font）

1. 顏色

2. 大小

3. 型別

文字格式化

1. 文字格式化標籤

列表

音訊（audio）和視訊（video）

1. 音訊

2. 視訊

3. 注意示項

注意事項

CSS

基本框架

1. 內聯（行內）樣式

2. 在head中的style定義

3. 外部樣式表

常用選擇器

id 與 class

通配選擇器

複合（交集）選擇器

關係選擇器

屬性選擇器

注意事項

1. style

基本框架

iframe內聯框架

基礎

1. 標題（h）

2. 段落（p）

3. 連結（a）

4. 影象（img）

5. 註釋（ ）

6. 水平線（hr）

屬性

body屬性

a 標籤的屬性

target 屬性

type 屬性

hreflang 屬性

name 與 id 屬性

head 屬性

字型（font）

1. 顏色

2. 大小

3. 型別

文字格式化

1. 文字格式化標籤

列表

音訊（audio）和視訊（video）

1. 音訊

2. 視訊

3. 注意示項

注意事項

CSS

基本框架

1. 內聯（行內）樣式

2. 在head中的style定義

3. 外部樣式表

常用選擇器

id 與 class

5. 註釋（）

5. 註釋（）