感想：這幾天都在倒騰mac os和ubuntu惕味，進(jìn)度被耽擱了，主要是度盤速度不敢恭維（窮哭/(ㄒoㄒ)/~~）玉锌，其次是都靠摸索吧名挥。今天學(xué)習(xí)html來總結(jié)一番，不對(duì)主守，先總結(jié)一下mac和Ubuntu的感受：
- 剛上手的小白禀倔，勿噴榄融。
- ubuntu對(duì)命令行依賴極大，連移動(dòng)個(gè)文件都要用mv救湖，雖然很帥愧杯，但還不習(xí)慣。
- mac os我裝的是下載失敗的10.14.1的cdr文件鞋既，居然成功了力九，不過后面安裝后升級(jí)到10.14.6，沒問題邑闺，
mac的cmd鍵等同于win鍵跌前，這樣什么都靠win鍵對(duì)我的小手（,,???,,）很友好啊，總之還不錯(cuò)陡舅，但流暢度很罕見的會(huì)有點(diǎn)影響抵乓。
正題
- 筆記：
<!Doctype html> （已說）
<html>（已說）
<head>（已說）
<title>（已說）
額
</title>
<meta charset="utf-8">（已說）
</head>
<h1>這是一個(gè)標(biāo)題</h1>（已說）
<a id="page"></a>（已說，就是插個(gè)眼的功能蹭沛，感覺有趣臂寝，這次又寫上了，看來沒有忘）
<p>
<a href="#self">描述一下自己摊灭，讓我們更了解你咆贬！</a>（跟上面這個(gè)是一樣的只是這是回城點(diǎn)，點(diǎn)擊即可回城）
<img src="girl.png" alt="girl" width="12" height="21" usemap="#girlplace">（圖片引用屬性帚呼，完善上次的掏缎，usemap屬性是在圖片中創(chuàng)建多個(gè)鏈接，點(diǎn)擊不同形狀煤杀，不同區(qū)域的圖片響應(yīng)不同鏈接眷蜈，貌似可以用來感謝不可描述的事？喝沈自！別忘了酌儒，后跟map雙標(biāo)簽）
<map name="girlplace">
<area shape="rect" coords="0,0,65,81" href="wwww.baidu.com" alt="place1">（area單標(biāo)簽，用于確定鏈接形狀及鏈接枯途，shape：響應(yīng)形狀后跟形狀描述詞忌怎，coords確定中心坐標(biāo)，href 確定網(wǎng)址酪夷，注意一般需再加上https://形式榴啸，alt略）
<area shape="circle" coords="0.1.54.841" href="wwww.zhihu.com" alt="place2">
<area shape="poly" coords="x1,y1,x2,y2……" href="www.reibang.com" alt="[place3">
</map>
<center><b>江湖</b></center>（已說，居中晚岭，加粗）
<table border="1" cellpadding="10" cellspacing="10">（table雙標(biāo)簽鸥印，制訂表格，border為0不顯示邊框，cellpadding為單元格邊距库说，后者為間距）
<caption><b>江湖</b></caption>（caption制訂表格標(biāo)題狂鞋，自動(dòng)加粗居中）
<tr>（tr雙標(biāo)簽，學(xué)過線代的就明白r是row璃弄，即行要销，每出現(xiàn)一個(gè)tr標(biāo)簽即有幾行，此為第一行）
<th colspan="4">酒</th>（h即head夏块，即表的第一行疏咐，colspan使其占據(jù)4個(gè)單元格，col也是列的縮寫）
</tr>
<tr>（此為第二行脐供，內(nèi)容由td填充浑塞，每一個(gè)tr對(duì)應(yīng)的一個(gè)td對(duì)應(yīng)一列，d對(duì)應(yīng)列單詞太長(zhǎng)）
<td>陳十一</td>
<td>李二</td>
<td>寧姚</td>
<td>宋長(zhǎng)鏡</td>
</tr>
<tr>
<th rowspan="2">詩(shī)</th>（rowspan屬性使其占據(jù)兩行單元格）
</tr>
<tr>
<td>宋集薪</td>
<td>稚圭</td>
<td>阿良</td>
<td>齊靜春</td>
</tr>
<tr>
<td>
<ul>（ul雙標(biāo)簽政己，可用un記憶酌壕，自建無(wú)序列表，list即列表）
<li>5</li>（列表第一行）
<li>5</li>（列表第二行）
</ul>
</td>
</tr>
</table>（table雙標(biāo)簽結(jié)束）
</p>
<p>
<ul>
<li>木大</li>
<li>木大</li>
<li>木大</li>
</ul>
<ol>（ol雙標(biāo)簽歇由，自建有序列表）
<li>木大</li>
<li>木大
</li>
<li>木大</li>
</ol>
</p>
wow,you can really<mark>dance</mark>!（mark雙標(biāo)簽卵牍，為包含內(nèi)容填充背景色，以示強(qiáng)調(diào)）
<ol type="1">（規(guī)定排序方法為自然數(shù)排數(shù)）
<li>王大錘</li>（顯示：1.王大錘）
<li>寒冰</li>（顯示：2.寒冰）
<li>澈澈</li>（顯示：3.澈澈）
</ol>
<ul style="list-style-type:circle ;">（類似上方排序沦泌，只是換成了自然數(shù)換成了小圓圈）
<li>北笙</li>
<li>孤影</li>
<li>張大仙</li>
</ul>
<ol type="1">（此ol標(biāo)簽嵌套了ul標(biāo)簽糊昙，更顯美觀高級(jí)）
<li>王大錘</li>
<ul style="list-style-type:circle ;">
<li>北笙</li>
<li>孤影</li>
<li>張大仙</li>
</ul>
<li>寒冰</li>
<li>澈澈</li>
</ol>
<dl>（dl雙標(biāo)簽，自建列表形式谢谦，類似ol释牺，ul）
<dt>（dt雙標(biāo)簽，建立第一個(gè)項(xiàng)目）
虎牙
</dt>（建立第一個(gè)項(xiàng)目?jī)?nèi)容）
<dd>-狗賊</dd>
<dd>-太乙</dd>
<dd>-寂然</dd>
<dt>企鵝</dt>（建立第二個(gè)項(xiàng)目）
<dd>-北笙</dd>
<dd>-北葵</dd>
<dd>-北不五</dd>
</dl>
<div style="color: #FF0000;">（div功能太多回挽，還不會(huì)没咙，此處是使包含內(nèi)容變成紅色字體（#FF0000對(duì)應(yīng)紅色），注意div屬于塊類型千劈，所包含的內(nèi)容是要單獨(dú)成段的）
hello,world!
</div>
<span style="color: green">青山</span>不改祭刚，<span style="color:aquamarine">綠水</span>長(zhǎng)流。（span雙標(biāo)簽墙牌，此處功能與div相同袁梗，不過對(duì)顏色只需單詞，而且span屬于內(nèi)聯(lián)憔古，所包含內(nèi)容不須單獨(dú)成段）
<p>
<form action="">（form雙標(biāo)簽，形成表單淋袖，供用戶輸入）
請(qǐng)輸入姓名鸿市；<input type="text">
（input提供輸入，為txt時(shí)輸入文本，可用size確定長(zhǎng)度焰情，可見）
請(qǐng)輸入年齡：<input type="text">
請(qǐng)輸入密碼陌凳；<input type="password">
（passward時(shí)，輸入的數(shù)據(jù)是看不見的内舟，通通以小圓圈代替（熟悉不合敦？））
</form>
</p>這道題你會(huì)嗎？
<form action="">（form制作表單验游，此處用來制作選擇表單）
<input type="radio" name="me" value="dalao">必須的充岛，我是大佬
（radio是單選，必須保持選項(xiàng)的是同一個(gè)）
<input type="radio" name="me" value="cainao">抱歉耕蝉，菜鳥一枚崔梗。
<input type="reset" value="再試一次">（重置填寫內(nèi)容）
<input type="submit" value="確認(rèn)并提交">（提交填寫內(nèi)容，action為提交的目的地垒在，此時(shí)未填寫蒜魄，故無(wú)法提交）
</form>
<form action="">請(qǐng)問哪個(gè)是你老婆？
（checkbox為多選场躯，name必須一致谈为，當(dāng)然答案肯定是我都要！）
<input type="checkbox" name="girl" value="1">稚名真白
<input type="checkbox" name="girl" value="2">五十玲
<input type="checkbox" name="girl" value="3">竹川螢
<input type="checkbox" name="girl" value="4">炮姐
</form>
<form action="">
<select name="zones">（select雙標(biāo)簽用于form中制作可折疊的選項(xiàng)）
<option value="1">北京</option>（option制作選項(xiàng)踢关，增加selected表示默認(rèn)選項(xiàng)）
<option value="2">紐約</option>
<option value="3">東京</option>
<option value="4">漢城</option>
<option value="5" selected>翡冷翠</option>
</select>
</form>
描述一下自己吧伞鲫？
（textarea雙標(biāo)簽用來形成文本域，可設(shè)置行列控制字?jǐn)?shù)）
<textarea name="自我介紹" id="self" cols="30" rows="10">我有話要說Ｔ懦伞＠莆簟！</textarea>
<form action="">
<input type="button" value="Go!">（形成按鍵瘪菌，value表示按鍵上的內(nèi)容撒会，action指向）
</form>
<form action="">
<fieldset>（在表格中創(chuàng)建表單）
<legend>宅男的自我簡(jiǎn)介</legend>（表單題目）
姓名：<input type="text" size="15">
地址：<input type="text" size="15">
生日：<input type="text" size="10">
</fieldset>
</form>
<form action="www.baidu.com" method="GET">（指定表單提交對(duì)象，設(shè)定提交方式為get师妙，還有一種是post）
Name: <input type="text" size="10">
Address: <input type="text" size="15">
<input type="submit" value="提交">
</form>
<form action="MAILTO:someone@example" method="POST">（設(shè)定表單發(fā)郵件诵肛，mailto必須大寫才有效，發(fā)送給someone@example.com）
發(fā)送郵件到：someone@example.com
姓名：<input type="text">
郵箱：<input type="text">
內(nèi)容：<textarea name="con" id="con" cols="30" rows="10">郵箱內(nèi)容_</textarea>
（以文本域的形式書寫郵件內(nèi)容默穴，但貌似會(huì)以碼的形式呈現(xiàn)）
<input type="submit" value="發(fā)送">
<input type="reset" value="讓我再醞釀醞釀">
</form>
<iframe src="https://www.baidu.com" frameborder="0" width="800" height="500" scrolling="no"></iframe>
（這貌似是今天學(xué)的最好玩的了怔檩，frame即框架，iframe是創(chuàng)建網(wǎng)頁(yè)內(nèi)框架蓄诽，即在網(wǎng)頁(yè)內(nèi)再開一個(gè)小網(wǎng)頁(yè)薛训，這才是網(wǎng)頁(yè)廣告的真正形式！src指定網(wǎng)頁(yè)路徑，注意必須加上https://，然后設(shè)置寬和高遏片，scrolling設(shè)置是否能鼠標(biāo)滾動(dòng)绩社，auto碴倾，no偎漫，yes穆咐，默認(rèn)是yes耕陷，iframe雙標(biāo)簽有非常多的用途遇伞，以后會(huì)學(xué)到的辙喂。）
<a href="#page">返回首頁(yè)</a>（開始插的眼在此）
