HTML5移動開發之路(1)——HTML介紹

3年前 (2021-08-25)閱讀296回復0
愛萌女生
愛萌女生
  • 管理員
  • 發消息
  • 注冊排名362
  • 經驗值155
  • 級別管理員
  • 主題31
  • 回復0
樓主
印刷廠直印加工●彩頁1000張只需要69元●名片5元每盒-更多產品印刷報價?聯系電話:138-1621-1622(微信同號)

  本文為 兄弟連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

0
0
收藏0
回帖

HTML5移動開發之路(1)——HTML介紹 期待您的回復!

取消
載入表情清單……
載入顏色清單……
插入網絡圖片

取消確定

圖片上傳中
編輯器信息
提示信息