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>