次日

codepen好像崩了？-_-||

2019.3.6 怎麼也要至少過一遍鴨。
學習用時：3小時
學習目標：次日任務
目標是否已達成：麻麻嘚。

今天學了什麼？

勉強再認了一次各類標籤（雖然感受仍是認不住），ol,ul,li和dl，dt，dd，以及caption，span比較有印象額。

遇到了什麼問題？

其實真的感受不知道怎麼從0到1，很難受。要我本身想代碼，感受好難好難，不知道哪裏該用什麼標籤，總以爲有些地方有無div好像並沒有影響，要實現同一種效果方法好像並不惟一，不少東西很容易忘記，繁。希望熟能生巧吧，總會變好的。

摘錄一個筆記：次日筆記

如下是原文：

2018.4.25

愛上前端，用技術帶給用戶最優美的體驗。

學習用時：5小時
學習目標：零基礎學院 - 次日
目標是否達成：已達成

一、HTML是什麼，HTML5是什麼

答：HTML 指的是超文本標記語言 (Hyper Text Markup Language)。
HTML5是最新的HTML標準，擁有更豐富的語義、圖形以及多媒體元素等內容。

二、HTML元素標籤、屬性都是什麼概念？

答：HTML不是編程語言，是標記語言，因此要使用標記標籤來描述網頁。
屬性是用來提供HTML標籤更多的信息。

三、文檔類型是什麼概念，起什麼做用？

答：在互聯網上有許多不一樣的文檔，只有瞭解文檔的類型，瀏覽器才能正確的顯示文檔。提早聲明文檔類型能夠幫助瀏覽器正確的顯示網頁。

四、meta標籤都用來作什麼的？

答：一般所說的META標籤，是在HTML網頁源代碼中一個重要的html標籤。META標籤用來描述一個HTML網頁文檔的屬性，例如做者、日期和時間、網頁描述、關鍵詞、頁面刷新等。

五、Web語義化是什麼，是爲了解決什麼問題

答：HTML的每一個標籤都有其特定含義(語義),Web語義化是指使用語義恰當的標籤,使頁面有良好的結構,頁面元素有含義,可以讓人和搜索引擎都容易理解。

六、連接是什麼概念，對應什麼標籤？

答：HTML <a> 元素 (或錨元素) 能夠建立一個到其餘網頁、文件、同一頁面內的位置、電子郵件地址或任何其餘URL的超連接。

七、經常使用標籤都有哪些，都適合用在什麼場景

答：

body:在網頁上要展現出來的頁面內容必定要放在body標籤中
p:若是想在網頁上顯示文章，這時就須要p標籤了，把文章的段落放到p標籤中。標籤的默認樣式，段前段後都會有空白，若是不喜歡這個空白，能夠用css樣式來刪除或改變它。
span:標籤是沒有語義的，它的做用就是爲了設置單獨的樣式用的。
br:在須要加回車換行的地方加入br，br標籤做用至關於word文檔中的回車。在 html 代碼中輸入回車、空格都是沒有做用的。在html文本中想輸入回車換行，就必須輸入br。沒有HTML內容的標籤就是空標籤，空標籤只須要寫一個開始標籤，這樣的標籤有br、hr和img。
div:在網頁製做過程過中，能夠把一些獨立的邏輯部分劃分出來，放在一個div標籤中，這個div標籤的做用就至關於一個容器。什麼是邏輯部分？它是頁面上相互關聯的一組元素。如網頁中的獨立的欄目版塊，就是一個典型的邏輯部分。用id屬性來爲div提供惟一的名稱，必須惟一。
img:插入圖片,img src=」圖片地址」 alt=」下載失敗時的替換文本」 title = 「提示文本」 src：標識圖像的位置；alt：指定圖像的描述性文本，當圖像不可見時（下載不成功時），可看到該屬性指定的文本；title：提供在圖像可見時對圖像的描述(鼠標滑過圖片時顯示的文本)；圖像能夠是GIF，PNG，JPEG格式的圖像文件。

八、表單標籤都有哪些，對應着什麼功能，都有哪些屬性

答：

form:能夠把瀏覽者輸入的數據傳送到服務器端，這樣服務器端程序就能夠處理表單傳過來的數據。form method=」傳送方式」 action=」服務器文件」 . form標籤是成對出現的，以form開始，以/form結束。action ：瀏覽者輸入的數據被傳送到的地方,好比一個PHP頁面(save.php)。method ： 數據傳送的方式（get/post）。全部表單控件（文本框、文本域、按鈕、單選框、複選框等）都必須放在標籤之間
input:當用戶要在表單中鍵入字母、數字等內容時，就會用到文本輸入框。文本框也能夠轉化爲密碼輸入框。input type=」text/password」 name=」名稱」 value=」文本」 / 當type=」text」時，輸入框爲文本輸入框;當type=」password」時, 輸入框爲密碼輸入框。name：爲文本框命名，以備後臺程序ASP 、PHP使用。value：爲文本輸入框設置默認值。(通常起到提示做用)
textarea:當用戶須要在表單中輸入大段文字時，須要用到文本輸入域。textarea rows=」行數」 cols=」列數」 文本 /textarea rows ：多行輸入域的行數。cols ：多行輸入域的列數。在textarea /textarea 標籤之間能夠輸入默認值。
radio/checkbox:使用單選框、複選框，讓用戶選擇,input type=」radio/checkbox」 value=」值」 name=」名稱」 checked=」checked」/> 當 type=」radio」 時，控件爲單選框,當 type=」checkbox」 時，控件爲複選框,value：提交數據到服務器的值（後臺程序PHP使用）,name：爲控件命名，以備後臺程序 ASP、PHP 使用,checked：當設置 checked=」checked」 時，該選項被默認選中,同一組的單選按鈕，name 取值必定要一致，這樣同一組的單選按鈕才能夠起到單選的做用。
submit:使用提交按鈕，提交數據,input type=」submit」 value=」提交」> type：只有當type值設置爲submit時，按鈕纔有提交做用,value：按鈕上顯示的文字

九、ol, ul, li, dl, dd, dt等這些標籤都適合用在什麼地方，舉個例子

答：ol、ul、li適用無描述的列表。例如：新聞展現頁面，一共N條新聞，點進去可瀏覽詳情。dl、dd、dt適用有描述的列表 例如：簡歷頁面，介紹本身的信息、年齡、住址等。