本文為 兄弟連IT教育 機構官方 HTML5培訓 教程ID嵌套樣式問題,主要介紹:HTML5移動開發之路(1)——HTML介紹
HTML是HyperText Markup Language(超文本標記語言)的縮寫,是構成所有所有網頁基本結構的文本及標簽組合ID嵌套樣式問題。
一、目前市場上流行的瀏覽器
IE/Chrome/firefox/opera
其中Chrome/firefox/opera以及IE 9/10都能很好的兼容HTML5
二、HTML標簽
html標簽都以“"括號開始ID嵌套樣式問題,并以""括號結束
如a href=""
常用的屬性有:id、class、style、title
id:該屬性為標簽所指對象提供一個名字
class:該屬性為對象提供一個類名
style:該屬性為對象應用一個對應的css樣式
title:為對象賦予一個標題,大多數瀏覽器在鼠標經過時會提示ID嵌套樣式問題。
我們在后面的Android開發中ID嵌套樣式問題,會用到meta name="viewport" content='width=980'/這個標簽,下面來看看meta標簽的一個使用,也是我們的helloword.
[html] view plain copy print?
html
head
titlefirst html/title
!--refresh:刷新--
021yin.com/dawanganban'"
!-- 表示每隔1秒向url地址刷新 --
meta "
!--引入一個樣式文件--
link rel="stylesheet" type="text/css" href="style.css"
/head
body
hello word
body
/html
三、重要標記
?。?)鏈接
a href="地址” target="打開的窗口" title="提示信息"/a
target="_black":在新的窗口中打開鏈接
target="_selt":缺省值ID嵌套樣式問題,在當前窗口中打開
?。?)圖片鏈接
a href="地址" border="0"img original="test.jpg"/a
border屬性值:為了去掉默認邊框ID嵌套樣式問題。
?。?)發郵件
021yin.com ?subject=hello"發郵件/a
?。?)錨點(在同一頁面進行跳轉)
a name="top"跳到這里/a
a href="#top"跳到top/a
?。?)表格
table border="1" width="60%" cellpadding="10" cellspacing="0"
trtd表格一/tdtd表格二/td/tr
trtdBIAOGE/tdtdBIAOGE/td/tr
/table
表格的對齊
align屬性:水平對齊ID嵌套樣式問題。 值:left(缺省):偏左/rignt/center
valign屬性:垂直對齊ID嵌套樣式問題。 值:top/bottom(缺省)/middle
不規則表格
colspan屬性:合并水平單元格(合并列)
rowspan屬性:合并豎直單元格(合并行)
表格可以嵌套
表格的完整定義
table
caption主題/caption 只能是0個或者1個
thead表頭/thead 只能是0個或者1個
tfoot表腳/tfoot
tbody表體/tbody
/table
?。?)表單
form action="服務器端的一個程序" method="get/post"
!--input標記--
!--非input標記--
/form
1)input標記:
文本輸入框:input type="text" name="username" value="缺省值"/!--必須加name--
提交按鈕: input type="submit" value="確認"/
密碼輸入框:input type="password" name="pwd"/ !--必須加name--
單選:input type="radio" name="gender" value="m"/!--必須加name和value--
!--同一組name必須相同--
多選:input type="checkbox" name="interest" value="fishing"/
重置:input type="reset" value="取消"/
普通按鈕:input type="button" value="點我吧"/
上傳文件:input type="file" name="file1"/
隱藏域:input type="hidden" name="userId" value="123"
2)非input標記
下拉列表:
select name="city" multiple="multiple"
option value="bj"北京/option
option value="wh"武漢/option
option value="nj"南京/option
/select
!--加上mutiple屬性就成為多選了--
多行文本輸入框:
textarea name="desc" cols="" rows=""/textarea
?。?)列表
無序列表:
ul
liitem1/li
liitem2/li
/ul
有序列表:
ol
liitem1/li
liitem2/li
ol
?。?)框架
frameset
作用是將一個大的窗口劃分成許多子窗口
frameset rows="200,300,*" !--劃分為三個窗口--
frameset rows="20%,*" !--按照百分比劃分--
frame original="top.html"/
frameset cols="30%,*"/
frame original="left.html"/
frame original="right.html"/
/frameset
/frameset
iframe
作用是在當前窗口中嵌入一個子窗口
iframe original="some.html" width="" height=""
/iframe