先反省一下，兩個月沒更新了，兩個月沒敲過代碼了，出於無奈還是準備把一些東西寫下來。

當然我寫的其醜無比，大家要是不小心點進來，體諒一下初學者的悲哀，多謝(✺ω✺)

用的是HTML5

先放代碼吧：

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>慧慧的百度</title>
	<style type="text/css">
		a:link {color: black}
		a:visited {color: purple}
		a:hover {color: blue}
		.selector{ font-family:"Microsoft YaHei" }
	</style>
</head>
<!--	強行分開，略略略  -->
<body>
	<div align="right" >
		<a href="http://news.baidu.com/" target="blank"><strong><ins>新聞</ins></strong></a>  
		<a href="https://www.hao123.com/" target="blank"><strong><ins>hao123</ins></strong></a>  
		<a href="https://map.baidu.com/" target="blank"><strong><ins>地圖</ins></strong></a>  
		<a href="http://v.baidu.com/" target="blank"><strong><ins>視頻</ins></strong></a>  
		<a href="https://tieba.baidu.com/index.html" target="blank"><strong><ins>貼吧</ins></strong></a>  
		<a href="http://xueshu.baidu.com/" target="blank"><strong><ins>學術</ins></strong></a>  
		<ins>登錄</ins>  
		<ins>設置</ins>  
		<a href="0004.html"><input type="button" style="background: #2894FF;color: white; width: 78px;height: 28px" value="更多產品" ></a>
	</div>
<br/>
	<div>
	<center><a href="https://www.baidu.com/" target="blank"><img src="timg.jpg" height="150px" ></a></center>
	</div>

	<div>
		<center>
			<label>
				<input type="search" border:1px solid blue 
				style="height: 26px; width: 500px">
				<a href="0004.html"><input type="button" style="background: #2894FF;color: white; width: 78px;height: 28px" value="   搜索   " ></a>
			</label>
			
		</center>
	</div>
			<br/><br/><br/><br/><br/><br/>
			<br/><br/><br/><br/><br/><br/>

	<div>
		<center>
			<img src="TIM截圖20180315113404.png" width="100px" /><br/>
			<a href="https://www.baidu.com/cache/sethelp/help.html">把百度設爲主頁</a>
            <a href="http://home.baidu.com/">關於百度</a>
            <a href="http://ir.baidu.com/phoenix.zhtml?c=188488&p=irol-irhome">About Baidu</a>
                <p> 
                	<a href="https://www.baidu.com/duty/"> 使用百度前必讀</a> <a href="http://jianyi.baidu.com/"> 意見反饋</a>  <font color="grey">京ICP證030173號</font>   <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001">京公網安備11000002000001號</a>
                </p>
        </center>
	</div>
</body>
	
</html>

這個↑取的名字叫0003.html（至於爲什麼叫這個名字……當然是因爲強迫症要按順序排的原因）

然後下面是0004.html

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>慧慧的搜索</title>
</head>

<body>
	<br/><br/><br/><br/>
	<center><del><h1>還真有人點進來，嚇着慧慧了<h1></del>
	<br/><br/><br/><br/>
	<a href="0003.html"><img src="emmm.jpg.jpg" width="300px"></a>	</center>
	<!--<audio src="http://bd.kuwo.cn/yinyue/996687?from=baidu" autoplay preload="auto" loop="-1"></audio>-->
</body>
</html>

既然是寫學習筆記，那就從最開始的部分開始吧。

·HTML5骨架

從上面的兩端代碼可以很容易看出骨架就是

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8"><!--大家好，我是註釋……meta這個聽說是爲了讓我在下面寫點中文，似乎還可以寫其他語言-->
	<title>大家好，我是標題</title>
</head>

<body>
大家好，我是內容

</body>
</html>

·製作第一個網頁

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>第一個網頁</title>
</head>

<body>
	大家好，我是第一個網頁
</body>
</html>

隨手安利一下之前學python的時候書上推薦了一個自學html的網站：http://htmldog.com/guides/html/beginner/

悄悄放上組長的博客鏈接http://elatis.cn/

·幾個標籤

·<a> </a> 設置超文本鏈接

應用舉例：

<a href="#">大家好，我是具有超鏈接的字</a>

“#”中的#是超鏈接的地址，換言之，你希望別人點這個超鏈接會打開什麼頁面，就把那個頁面放在這裏。

#可以是網頁的網址，比如

也可以是本地的其他文件，比如之前用的

超鏈接可以是一個字，一個詞，或者一組詞，也可以是一幅圖像。

默認情況下，鏈接將以以下形式出現在瀏覽器中：

一個未訪問過的鏈接顯示爲藍色字體並帶有下劃線。
訪問過的鏈接顯示爲紫色並帶有下劃線。
點擊鏈接時，鏈接顯示爲紅色並帶有下劃線。

當然，默認自然是可以改的，修改方式就是用CSS，這個容後再提。

好啦，現在大家都瞭解<a> </a>是什麼了，那href又是啥？

據說，這個叫做屬性

href就是放鏈接的

還有target屬性——可以用來定義鏈接的打開方式。什麼意思呢，就是可以讓鏈接在本頁面打開，也就是覆蓋本頁面原來的樣子，變成鏈接地址的樣子，當然也可以在新窗口打開。如果不設置，那麼默認在原窗口打開

舉例如下：

<a href="http://news.baidu.com/" target="blank"><strong><ins>新聞</ins></strong></a>

還有id屬性——可用於創建在一個HTML文檔書籤標記

·<strong> </strong> <ins> </ins>

可能有人看到上面的舉例會看到：

其實很簡答，strong就是加粗，ins就是下劃線

（悄悄在這裏加一個 ——就是空格而已https://blog.csdn.net/dingxue_wen/article/details/54645033）

·<center> </center>

在這裏說一下，衆所周知center這個單詞……在英式英語中是centre，而在美式英語中是center。但是呢，在這裏如果寫centre使沒有效果的！！！（從小學的就是英式的我表示幸好有自動補全）

這個當然就一個作用居中，無論是文字還是圖片都可以用這個居中。

舉例如下：

·<br/>

手動換行

舉例見上圖

·<del> </del>

文字加刪除線

舉例見上圖

效果就是這樣

·標題 <hn> </hn>(n=1,2,3,4,5,6)

標題（Heading）是通過 <h1> - <h6> 標籤進行定義的.

<h1>大家好我是最大的標題，不過聽說我不經常使用</h1>
<h2>……大家好，我是第二……</h2>
<h3>大家好，我就是來摸魚的，大家看到這裏有沒有發現標籤是可以嵌套的</h3>

<h1> 定義最大的標題。 <h6> 定義最小的標題。

·<div> </div>

就是用來分段的，當然有一些屬性，比如左對齊，右對齊什麼的，具體用到了查一下就行了

舉例：

這個還要舉例……

·多媒體，比如視頻·音頻啥的

音頻（audio）

視頻（vedios)

www.runoob.com/html/html-sounds.html

這裏其實還牽涉到一些其他的內容……比如有的瀏覽器沒法打開之類的

---------------------------------------------------------------------------------------------------------------------

今天就先更新到這裏吧。剛剛蝦米突然給了我7天VIP，我要抓緊時間去下載一些只有VIP才能下載的歌，手動滑稽

更新於2018/4/14 11:17

---------------------------------------------------------------------------------------------------------------------

好了，在慧慧無比糾結的貨比三家之後還是沒有決定買什麼服務器，愉快得決定滾來更新

2018/4/21 8:01

---------------------------------------------------------------------------------------------------------------------

·<p> </p>

其實呢，這個就可以理解爲分自然段

HTML 列表

雖然吧，這裏沒有用到，但是似乎要寫一寫的。

列表-----》有序&無序。就像集合和數列一樣（什麼鬼比喻）

·無序列表始於 <ul> 標籤。每個列表項始於 <li>。

<ul>
<li>大家好，我是無序列表第一項，大家有沒有發現我前面的小黑點呢</li>
<li>大家好，我是無序列表第二項，其實小黑點可以通過一些手段換成其他符號</li>
</ul>

效果如圖：

無序列表啦，肯定不在乎你的順序，調換位置時也就把文字部分換一下，小黑點還是那個小黑點

列表項內部可以使用段落、換行符、圖片、鏈接以及其他列表等等。

·有序列表始於 <ol> 標籤。每個列表項始於 <li> 標籤。

<ol>
<li>大家好，我是有序列表第一項，前面多了數字</li>
<li>大家好，我是有序列表第二項（我會告訴你數字可以改成字母）</li>
</ol>

效果的話，大家看下圖的上半部分……

列表項內部可以使用段落、換行符、圖片、鏈接以及其他列表等等。

當然，還有——

·自定義列表

自定義列表以 <dl> 標籤開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <dd> 開始。

喏，就像這樣

自定義列表以 <dl> 標籤開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <dd> 開始。

www.w3school.com.cn/html/html_lists.asp

<html>

<body>

<h4>表頭：</h4>
<table border="1">
<tr>
  <th>姓名</th>
  <th>電話</th>
  <th>電話</th>
</tr>
<tr>
  <td>Bill Gates</td>
  <td>555 77 854</td>
  <td>555 77 855</td>
</tr>
</table>

<h4>垂直的表頭：</h4>
<table border="1">
<tr>
  <th>姓名</th>
  <td>Bill Gates</td>
</tr>
<tr>
  <th>電話</th>
  <td>555 77 854</td>
</tr>
<tr>
  <th>電話</th>
  <td>555 77 855</td>
</tr>
</table>

</body>
</html>

效果如圖：

http://www.w3school.com.cn/html/html_tables.asp

·<img>

<img> 是空標籤，意思是說，它只包含屬性，並且沒有閉合標籤。

要在頁面上顯示圖像，你需要使用源屬性（src）。src 指 "source"。源屬性的值是圖像的 URL 地址。

alt 屬性用來爲圖像定義一串預備的可替換的文本。替換文本屬性的值是用戶定義的。(我們經常看到有時候圖片打不開的時候那個小×還有一行說什麼圖片打不開這樣的話就是這個弄的）

注意啊，src與鏈接那個一樣，可以是本地的，也可以是網頁上的，同時，這個圖片也可以是超鏈接。

<html>

<body>
<p>
您也可以把圖像作爲鏈接來使用：
<a href="#">
<img border="0" src="#" />
</a>
</p>

</body>
</html>

<html>

<body>


<p>僅支持文本的瀏覽器無法顯示圖像，僅僅能夠顯示在圖像的 "alt" 屬性中指定的文本。在這裏，"alt" 的文本是“向左轉”。</p>

<p>請注意，如果您把鼠標指針移動到圖像上，大多數瀏覽器會顯示 "alt" 文本。</p>

<img src="#" alt="文字1" />

<p>如果無法顯示圖像，將顯示 "alt" 屬性中的文本：</p>

<img src="#" alt="文字2" />

</body>
</html>

<html>

<body>

<p>
<img src ="#" align ="left"> 
帶有圖像的一個段落。圖像的 align 屬性設置爲 "left"。圖像將浮動到文本的左側。
</p>

<p>
<img src ="#" align ="right"> 
帶有圖像的一個段落。圖像的 align 屬性設置爲 "right"。圖像將浮動到文本的右側。
</p>

</body>
</html>

http://www.w3school.com.cn/html/html_forms.asp

↑這個是講表單的，比如單項選擇，多項選擇，文本輸入……

當然直接用這個收集信息是……不可能的，必須還得配上PHP之類的輔助

（所以，這就是爲啥在設置密碼的時候如果兩次輸入不一致，會有提示一樣）

（天真的我一直以爲密碼只有我知道，後來才曉得人家後臺都是看得到的，突然害怕）

---------------------------------------------------------------------------------------------------------------------

唉……感覺別人都寫的好清楚，放棄了，不寫了不寫了

2018/4/21

---------------------------------------------------------------------------------------------------------------------

HTML學習——百度靜態界面

·HTML5骨架

·製作第一個網頁

·幾個標籤

·<a> </a> 設置超文本鏈接

·<strong> </strong> <ins> </ins>

·<center> </center>

·<br/>

·<del> </del>

·標題 <hn> </hn>(n=1,2,3,4,5,6)

·<div> </div>

·多媒體，比如視頻·音頻啥的

·<p> </p>

HTML 列表

·<img>

Python 潮流週刊#50：我最喜歡的 Python 3.13 新特性！

OpenCV在安裝配置中出現的問題

Python——for循環#我也不記得寫過沒有

Python——簡單的A+B#雖然我覺得並不簡單

Python——註釋

圖論基礎知識總結（二）

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結