第二天

warkiz 發(fā)布于2019-08-02 14:25 / 3284人閱讀

摘要：學(xué)習(xí)用時(shí)小時(shí)學(xué)習(xí)目標(biāo)第二天任務(wù)目標(biāo)是否已達(dá)成麻麻嘚。摘錄一個(gè)筆記第二天筆記以下是原文愛(ài)上前端，用技術(shù)帶給用戶最優(yōu)美的體驗(yàn)。為文本框命名，以備后臺(tái)程序使用。

codepen好像崩了？-_-||

2019.3.6 怎么也要至少過(guò)一遍鴨。
學(xué)習(xí)用時(shí)：3小時(shí)
學(xué)習(xí)目標(biāo)：第二天任務(wù)
目標(biāo)是否已達(dá)成：麻麻嘚。

今天學(xué)了什么？

勉強(qiáng)再認(rèn)了一次各種標(biāo)簽（雖然感覺(jué)還是認(rèn)不住），ol,ul,li和dl，dt，dd，以及caption，span比較有印象額。

遇到了什么問(wèn)題？

其實(shí)真的感覺(jué)不知道怎么從0到1，很難受。要我自己想代碼，感覺(jué)好難好難，不知道哪里該用什么標(biāo)簽，總覺(jué)得有些地方有無(wú)div好像并無(wú)影響，要實(shí)現(xiàn)同一種效果方法好像并不唯一，很多東西很容易忘記，繁。但愿熟能生巧吧，總會(huì)變好的。

摘錄一個(gè)筆記：第二天筆記

以下是原文：

2018.4.25

愛(ài)上前端，用技術(shù)帶給用戶最優(yōu)美的體驗(yàn)。

學(xué)習(xí)用時(shí)：5小時(shí)
學(xué)習(xí)目標(biāo)：零基礎(chǔ)學(xué)院 - 第二天
目標(biāo)是否達(dá)成：已達(dá)成

1、HTML是什么，HTML5是什么

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

2、HTML元素標(biāo)簽、屬性都是什么概念？

答：HTML不是編程語(yǔ)言，是標(biāo)記語(yǔ)言，所以要使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)。
屬性是用來(lái)提供HTML標(biāo)簽更多的信息。

3、文檔類(lèi)型是什么概念，起什么作用？

答：在互聯(lián)網(wǎng)上有許多不同的文檔，只有了解文檔的類(lèi)型，瀏覽器才能正確的顯示文檔。提前聲明文檔類(lèi)型可以幫助瀏覽器正確的顯示網(wǎng)頁(yè)。

4、meta標(biāo)簽都用來(lái)做什么的？

答：通常所說(shuō)的META標(biāo)簽，是在HTML網(wǎng)頁(yè)源代碼中一個(gè)重要的html標(biāo)簽。META標(biāo)簽用來(lái)描述一個(gè)HTML網(wǎng)頁(yè)文檔的屬性，例如作者、日期和時(shí)間、網(wǎng)頁(yè)描述、關(guān)鍵詞、頁(yè)面刷新等。

5、Web語(yǔ)義化是什么，是為了解決什么問(wèn)題

答：HTML的每個(gè)標(biāo)簽都有其特定含義(語(yǔ)義),Web語(yǔ)義化是指使用語(yǔ)義恰當(dāng)?shù)臉?biāo)簽,使頁(yè)面有良好的結(jié)構(gòu),頁(yè)面元素有含義,能夠讓人和搜索引擎都容易理解。

6、鏈接是什么概念，對(duì)應(yīng)什么標(biāo)簽？

答：HTML 元素 (或錨元素) 可以創(chuàng)建一個(gè)到其他網(wǎng)頁(yè)、文件、同一頁(yè)面內(nèi)的位置、電子郵件地址或任何其他URL的超鏈接。

7、常用標(biāo)簽都有哪些，都適合用在什么場(chǎng)景

答：

body:在網(wǎng)頁(yè)上要展示出來(lái)的頁(yè)面內(nèi)容一定要放在body標(biāo)簽中
p:如果想在網(wǎng)頁(yè)上顯示文章，這時(shí)就需要p標(biāo)簽了，把文章的段落放到p標(biāo)簽中。標(biāo)簽的默認(rèn)樣式，段前段后都會(huì)有空白，如果不喜歡這個(gè)空白，可以用css樣式來(lái)刪除或改變它。
span:標(biāo)簽是沒(méi)有語(yǔ)義的，它的作用就是為了設(shè)置多帶帶的樣式用的。
br:在需要加回車(chē)換行的地方加入br，br標(biāo)簽作用相當(dāng)于word文檔中的回車(chē)。在 html 代碼中輸入回車(chē)、空格都是沒(méi)有作用的。在html文本中想輸入回車(chē)換行，就必須輸入br。沒(méi)有HTML內(nèi)容的標(biāo)簽就是空標(biāo)簽，空標(biāo)簽只需要寫(xiě)一個(gè)開(kāi)始標(biāo)簽，這樣的標(biāo)簽有br、hr和img。
div:在網(wǎng)頁(yè)制作過(guò)程過(guò)中，可以把一些獨(dú)立的邏輯部分劃分出來(lái)，放在一個(gè)div標(biāo)簽中，這個(gè)div標(biāo)簽的作用就相當(dāng)于一個(gè)容器。什么是邏輯部分？它是頁(yè)面上相互關(guān)聯(lián)的一組元素。如網(wǎng)頁(yè)中的獨(dú)立的欄目版塊，就是一個(gè)典型的邏輯部分。用id屬性來(lái)為div提供唯一的名稱，必須唯一。
img:插入圖片,img src=”圖片地址” alt=”下載失敗時(shí)的替換文本” title = “提示文本” src：標(biāo)識(shí)圖像的位置；alt：指定圖像的描述性文本，當(dāng)圖像不可見(jiàn)時(shí)（下載不成功時(shí)），可看到該屬性指定的文本；title：提供在圖像可見(jiàn)時(shí)對(duì)圖像的描述(鼠標(biāo)滑過(guò)圖片時(shí)顯示的文本)；圖像可以是GIF，PNG，JPEG格式的圖像文件。

8、表單標(biāo)簽都有哪些，對(duì)應(yīng)著什么功能，都有哪些屬性

答：

form:可以把瀏覽者輸入的數(shù)據(jù)傳送到服務(wù)器端，這樣服務(wù)器端程序就可以處理表單傳過(guò)來(lái)的數(shù)據(jù)。form method=”傳送方式” action=”服務(wù)器文件” . form標(biāo)簽是成對(duì)出現(xiàn)的，以form開(kāi)始，以/form結(jié)束。action ：瀏覽者輸入的數(shù)據(jù)被傳送到的地方,比如一個(gè)PHP頁(yè)面(save.php)。method ： 數(shù)據(jù)傳送的方式（get/post）。所有表單控件（文本框、文本域、按鈕、單選框、復(fù)選框等）都必須放在標(biāo)簽之間
input:當(dāng)用戶要在表單中鍵入字母、數(shù)字等內(nèi)容時(shí)，就會(huì)用到文本輸入框。文本框也可以轉(zhuǎn)化為密碼輸入框。input type=”text/password” name=”名稱” value=”文本” / 當(dāng)type=”text”時(shí)，輸入框?yàn)槲谋据斎肟?當(dāng)type=”password”時(shí), 輸入框?yàn)槊艽a輸入框。name：為文本框命名，以備后臺(tái)程序ASP 、PHP使用。value：為文本輸入框設(shè)置默認(rèn)值。(一般起到提示作用)
textarea:當(dāng)用戶需要在表單中輸入大段文字時(shí)，需要用到文本輸入域。textarea rows=”行數(shù)” cols=”列數(shù)” 文本 /textarea rows ：多行輸入域的行數(shù)。cols ：多行輸入域的列數(shù)。在textarea /textarea 標(biāo)簽之間可以輸入默認(rèn)值。
radio/checkbox:使用單選框、復(fù)選框，讓用戶選擇,input type=”radio/checkbox” value=”值” name=”名稱” checked=”checked”/> 當(dāng) type=”radio” 時(shí)，控件為單選框,當(dāng) type=”checkbox” 時(shí)，控件為復(fù)選框,value：提交數(shù)據(jù)到服務(wù)器的值（后臺(tái)程序PHP使用）,name：為控件命名，以備后臺(tái)程序 ASP、PHP 使用,checked：當(dāng)設(shè)置 checked=”checked” 時(shí)，該選項(xiàng)被默認(rèn)選中,同一組的單選按鈕，name 取值一定要一致，這樣同一組的單選按鈕才可以起到單選的作用。
submit:使用提交按鈕，提交數(shù)據(jù),input type=”submit” value=”提交”> type：只有當(dāng)type值設(shè)置為submit時(shí)，按鈕才有提交作用,value：按鈕上顯示的文字

9、ol, ul, li, dl, dd, dt等這些標(biāo)簽都適合用在什么地方，舉個(gè)例子

答：ol、ul、li適用無(wú)描述的列表。例如：新聞?wù)故卷?yè)面，一共N條新聞，點(diǎn)進(jìn)去可瀏覽詳情。
dl、dd、dt適用有描述的列表例如：簡(jiǎn)歷頁(yè)面，介紹自己的信息、年齡、住址等。