學習筆記一之HTML
一直感覺寫作是一件很神圣的事情，既要不絮叨還要把重點凸出出來，這次臨陣磨槍難免蹩腳，看來以后打打寫作的基本功還是有必要的。第一次來這個平臺，打算記下自己的足跡，標記上自己的開始。。。。。。
01
剛上大學的時候，就聽說好多師兄姐們去了某某地去學習，那時候很不解，現在好像理解了，而且還是身臨其境確確實實地體會到了。想起當初選學校真的是一頭霧水，因為學校太多了，一下子竟不知所措了，網上的評說簡直是眾說紛紜，后來經過自己的多方了解和朋友介紹，我選擇了小碼哥。現在的我已經完成了前端部分HTML的學習，自我感覺良好，也希望能夠將學習進行到底。
盡管是計算機專業的，但是課堂上學的很淺再加上自身注意力不怎么集中等，學校學那點勉強可以稱得上入門吧。然后閑暇時也有自學過一些基礎，看過一些視頻，但是可能疏于整理，幾次看下來感覺很混亂，因為HTML部分盡管很簡單，都是一些標簽，沒有深層次的邏輯問題讓人費解，但是那么多的標簽難免感覺繁雜，難以記憶，用的時候不能盡興。
這一次看江哥的視頻，感覺真的不一樣。一方面是自己用心了，但另外很重要的一方面，就是老師的領頭作用了。江哥的視頻、隨堂筆記，脈絡很清晰，讓人一眼就明白了什么是重點，明白學完這章要掌握哪些，自己能做出什么東西。每個標簽都有對應的英文注釋，可以加強記憶，方便整合。對于標簽的語義，江哥的表述既到位又通俗易懂，還有江哥那激情澎湃外加急促的聲音，總能夠很快帶我進入學習狀態。
現在學完了HTML部分，我不再如以前那般一團亂麻腦子里飄著各種各樣的標簽了，我知道HTML是專門用于給標簽添加語義的，語義強的標簽是新寵，缺少語義的標簽只能面臨著淘汰，如buis等。我明白了以前很鬧心的http協議，懂得了網頁工作的基本原理，明白了手機電腦老是那么多垃圾那么多緩存文件的根本原因。我知道HTML標簽分為基礎標簽（H系列,p,hr,br,img以及a），列表標簽，表格標簽，表單標簽和多媒體標簽這幾大類，每一個大塊中又有若干的小標簽，但基本都是組標簽，要搭配在一起使用的，整合記憶下來真的是省事不少。想要把這些小標簽全部熟練掌握，光靠記憶還是不夠的，用代碼落實才是終極。經過在軟件上一遍遍的敲，效果真的跟預想的差不多。知道了這么多，真的很感謝江哥和他的視頻。。。
“只有非常努力才能看起來毫不費力”，要想有錢景，必須非常非常努力，或許以后會加班會很累，但天上不會掉餡餅。。。明天太陽的升起就是新的一天，我一顆努力的心吃苦的心早已準備好，給自己加油打氣。我相信越努力越幸運，我也相信小碼哥會越辦越好，會教育出更多真才實學求真務實的人。
學HTML5就選李南江，選培訓機構我只選小碼哥
02
筆記
-
基本知識
- 瀏覽器
- 服務器
- 訪問頁面原理
- URL
- Http協議
- 前端人員該具備的電腦設置
-
HTML初識
- HTML的概念
- HTML作用
- HTML是專門用來描述文本的語義的，就是說我們可以利用HTML來告訴瀏覽器哪些是標題那些事段落等。
- HTML發展史
- 網頁的基本格式
<html>
<head>
</head>
<body>
</body>
</html>
字符集問題
標簽的分類
DTD文檔
-
基礎標簽
- h1-h6
- p
- hr
- img
- br
- a
- base
- 注釋
- 路徑
- 絕對路徑
- 相對路徑
-
列表標簽
- 無序列表ul
- 格式
<ul> <li></li> <li></li> ... </ul>``` - 場景：導航條，商品列表，新聞列表等； - 有序列表ol
- 格式
- 無序列表ul
<ol>
<li></li>
<li></li>
...
</ol>```
- 場景：xxx排行榜等；
- 定義列表dl
- ```
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
...
</dl>```
- 場景：描述某一內容；
- 表格標簽
- 格式
- ```
<table>
<tr>
<td></td>
</tr>
</table>```
- 表格屬性
- border,width,height,cellspacing,cellpadding,align,valign,bgcolor;
- 表格中其他標簽
- th
- caption
- 表格的結構
- thead
- tbody
- tfoot
- 單元格的合并
- 縱向合并 ` <td rowspan="n"></td>`
- 橫向合并 `<td rowspan="n"></td>`
- 表單
- input
- type取值可為text，password，radio，checkbox，button，reset，submit，image，hidden，color，date（附加lable屬性標簽,點擊文字也能使輸入框獲得焦點）
- datalist
`<datalist><option></option></datalist>`
- textarea
`<textarea cols="" rows=""/>`
- 多媒體標簽
- video
- 格式
格式一
<video src=""></video>
格式二
<video>
<source src="" type=""></source>
<source src="" type=""></source>
</video>
- 屬性
`src,autoplay,controls,poster,loop,preload,muted,width,height`
- audio
- 格式
格式一
<audio src=""></audio>
格式二
<audio><source src="" type=""></source>
- 詳情及概要
`<details><summary></summary></details>`
- marquee
- 格式
`<marquee>內容</marquee>`
- 屬性
`direction,scrollmount,loop,behavior`
- 廢棄的標簽
- b--->strong
- u--->ins
- i--->em
- s--->del;
- HTML實體: > < ? ? & ￥ × ÷
> ###學HTML5就選李南江，選培訓機構我只選[小碼哥](www.520it.com)