1.HTML學習筆記

HTML

<![CDATA[content]]>格式在HTML中并不適用,寫的HTML源代碼數可能被瀏覽器直接解析成相應格式,所以源代碼的標簽左邊????'<'????均用????'《'????替換了,閱讀帶來的不便還望理解。


一、概述

HTML概念:(Hyper Text Markup Language),超文本標記語言。(是一種顯示語言)

超文本:比普通文本功能要強(能夠展示圖片、不同顏色或者粗細的文字、能展示按鈕。。。)

語言:漢語、英語都屬于語言,說白了就是一種表達方式、溝通方式。

標記:標簽。

標記語言:語言是標簽。

作用:用來設計靜態網頁的

二、常用標簽

1.?圖片標簽

《img src=”圖片路徑”??width=”10%”??height=”200”??/>

圖片路徑是必須有的,寬高以百分比表示站頁面的百分比,具體數值為所占像素(固定大小)

2.?列表標簽

有序列表:

《ol>

《li>大白菜《/li>

《li>小菊花《/li>

《/ol>

無序列表:

《ul>

《li>德瑪西亞《/li>

《li>艾歐里亞《/li>

《/ul>

3.?超鏈接標簽

《a href=”http://www.ali.com”>?content or img />《/a>

4.?表格標簽

《table>

《tr>

《td>《/td>

《/tr>

《/table>

合并單元格

colspan,rowspan是td標簽的屬性,colspan(左右合并) rowspan(上下合并)

5.?塊標簽

《div>《/div>用來展示大量的數據,默認是獨占一行的,會自動換行。

《span>《/span>用來展示少量的數據,默認內容有多大就占多大空間,不會自動換行。

6.?表單標簽(重點)

用《form>《/form>標簽表示。

form標簽里面是若干個表單項。有input表單項、select下拉列表項、textarea文本域。

input標簽

input表單項可以實現文本輸入框、密碼輸入框、單選按鈕、多選框、自定義按鈕的效果,這些不同類型由它的type屬性決定。

TIPS:

1、任何一個表單項都有name屬性(button除外),否則數據無法提交到服務器,表單也就沒有意義。

2、單選按鈕/復選框要想在同一組,就需要有相同的name屬性值,默認選中使用checked屬性。 3、value屬性表示值用戶輸入的值或者默認值。對于單選按鈕和復選框來說還必須要有不同的value值,因為用戶無法輸入值,只能選擇。

《form>

《input type=”text”??name=”name”?value=”name”/>

《input type=”password” name=”password” value=”password”/>

《input type=”radio” ?name=”sex” value=”male” />男

《input type=”radio” ?name=”sex” value=”female”/>女

《input type=”checkbox” ?name=”hobby” value=”01”/>擼代碼

《input type=”checkbox” ?name=”hobby” value=”02”/>調八哥

《input type=”checkbox” ?name=”hobby” value=”03”/>修電腦

《input type=”submit” />

《/form>

select標簽

下拉列表標簽格式:name屬性屬于select標簽 value屬性屬于option標簽

《select ?name=”province”>

《option value=”hz”>杭州《/option>

《option value=”nb”>寧波 《/option>

《/select>

textarea標簽

格式:《textarea ?name=”message” rows=”3”??cols=”10”> content《/textarea>

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。