Html(超文本標記語言)編寫格式與常用控件歸納

HTML(Hyper Text Markup Language)--超文本標記語言

1.格式:
<html>

<head>
標題內容
</head>

<body>
實體內容
</body>

</html>

2.表格:
<table>
<tr> // 行(tABLErOW),<th(tablehead)>加粗居中
<td>aa</td> // 列
<td>aa</td> // 第二列

</tr>
<tr> // 第二行

</tr>
</table>

3.表單(Form):

<form>

username:<input type = "text"> // 輸入框
password:<input type = "password"> // 密碼框
興趣:吃飯<input type = "checkbox"> // 複選框
   睡覺<input type = "checkbox">
  打豆豆<input type = "checkbox">

// 但選項
性別:男<input type = "radio" name = "gender">
  女<input type = "radio" name = "gender">

// 下拉框
學歷:<select>
<option>小學</option>
<option>初中</option>
<option>高中</option>
<option>大學</option>
  </select>

評論:<textarea> // 內容區域
   </textarea>

文件上傳:<input type = "file">    // 選擇文件

<input type = "submit" value = "submit"> // 提交
<input type = "reset" value = "reset"> // 刷新
<input type = "button" value = "button"> // button

<input type = "button" value = "button" onclick = "javascript:alert('hello world');"> // 帶動作的按鈕


圖片:<img src = "小猴.jpg"> //圖片地址可爲連接url

</form>

注:每個控件中均有類似的屬性,譬如<input type="text" name="username" id="usernameid">
input這個控件裏面有三個屬性,分別是type、name與username。可設置更多的屬性,每個屬性之間以空格隔開

4.註釋
<!--  註釋內容   -->

5.符號
<br>   // 換一行
&nbsp // 空格



6.瀏覽器內核:
WebKit, trident


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章