前言：
如果能在畢業(yè)三年后佣蓉，社招進(jìn)入阿里，那么我覺得我就此生無憾了亲雪。所以勇凭，現(xiàn)在就開始打底子，為了更美好的明天义辕，拼命吧虾标。
對了，剛開始可能會基礎(chǔ)一些灌砖，后面更新的會慢慢的變得深入和復(fù)雜璧函。（其實前端也沒啥復(fù)雜的玩意傀蚌。。蘸吓。emmmm....）
核心內(nèi)容：
標(biāo)簽分類：
H5的標(biāo)簽善炫，按照其屬性的不同，可以劃分為兩類：行內(nèi)標(biāo)簽和塊標(biāo)簽（也有人叫內(nèi)聯(lián)元素和塊狀元素库继，這些都無所謂箩艺，能區(qū)分即可）
- 行內(nèi)標(biāo)簽：
1，行內(nèi)標(biāo)簽無法設(shè)置寬高
2宪萄，行內(nèi)標(biāo)簽不會獨占一行艺谆，會連續(xù)占滿一行，直到換行
3雨膨，行內(nèi)元素不能包含塊級元素擂涛，只能容納文本或者其他行內(nèi)元素
- 塊狀元素：
1，塊狀標(biāo)簽可以設(shè)置寬高度
2聊记，塊元素獨占一行
3撒妈，塊屬性標(biāo)簽的寬度假如不做設(shè)置，會直接默認(rèn)為父元素寬度的100%
4排监，塊級元素可以包含行內(nèi)元素和塊級元素狰右，還可以容納內(nèi)聯(lián)元素和其他元素
- 行內(nèi)塊元素：
1，結(jié)合的行內(nèi)和塊級的優(yōu)點:能夠設(shè)置寬高舆床，并且在一行內(nèi)獨立顯示
轉(zhuǎn)化方式：
- 塊級標(biāo)簽轉(zhuǎn)換為行內(nèi)標(biāo)簽：
display:inline;
- 行內(nèi)標(biāo)簽轉(zhuǎn)換為塊級標(biāo)簽：
display:block;
- 轉(zhuǎn)換為行內(nèi)塊標(biāo)簽：
display：inline-block;
常用標(biāo)簽舉例：
行內(nèi)標(biāo)簽：
<a>定義超鏈接
<b>字體加粗
<span>定義在文檔中的行內(nèi)元素
<img>向網(wǎng)頁中插入題圖像
<input>輸入框
<small>小號字體效果
<br>換行
<big>字體加大加粗
<strong>強(qiáng)調(diào)的語氣
<select>創(chuàng)建單選或多選菜單
<textarea>定義文本域棋蚌，多行的文本輸入控件
塊級元素：
<div>定義文檔中的分區(qū)或節(jié)
<h1>定義最大的標(biāo)題
<h2>定義副標(biāo)題
<h3>定義標(biāo)題
<h4>定義標(biāo)題
<h5>定義標(biāo)題
<h6>定義最小的標(biāo)題
<ul>定義無序列表
<ol>定義有序列表
<li>定義有序列表或無序列表的列表項目
<dl>定義自定義列表
<dd>定義自定義列表中的條目
<dt>定義自定義列表中的項目
<hr>創(chuàng)建一條水平線
<p>定義段落
<table>定義表格
<thead>標(biāo)簽定義表格的表頭
<th>定義表頭單元格
<tr>定義表格中的行
<td>表格中的標(biāo)準(zhǔn)單元格
參考鏈接：https://www.cnblogs.com/keyi/p/5853060.html
代碼實例：還未買VPN，無法登陸到github,所以暫時先放置挨队，到時候再改
結(jié)語：
以上僅僅是第一篇谷暮，其中有很多地方?jīng)]有完全的寫好，是我的不足盛垦，后續(xù)會慢慢的補(bǔ)上的湿弦。
下一篇整理自己對頁面布局的理解；
有些時候很羨慕天才腾夯，不需要做筆記颊埃，不需要去花時間理解，只需要簡單的掃幾次文檔蝶俱，便能過目不忘班利，同時還能有著深刻的基礎(chǔ)和理解。
那種人榨呆，仿佛活著就像是電影中主角一樣罗标，天賦異稟，百年難得一遇的練武奇才，是天生做開發(fā)的料馒稍。
我時常感嘆皿哨，如果自己是那樣的人就好了。
可惜纽谒，我不是证膨，我只是一個愚者，還是一個貪心的愚者鼓黔。
愚者渴望財富央勒，如同烏鴉渴望遙遠(yuǎn)的天際一樣可笑。
他明明吃的是腐爛的老鼠澳化，住的事破落的樹叢崔步，但是卻渴望著和那些怪物一樣的湛藍(lán)天空。
明明只是一直烏鴉缎谷，什么都做不成井濒，連活下去都很困難的烏鴉，卻想像鵬一樣列林，展翅九天瑞你，食練實，飲醴泉希痴。者甲。。真是愚不可及啊砌创。
是啊虏缸，有時候在想，只是活下去嫩实，為什么就這么難呢刽辙。
