1. 程式人生 > >1.HTML復習(常用的標簽,屬性,div布局,meta)

1.HTML復習(常用的標簽,屬性,div布局,meta)

沒有 但是 etime 搜索 單元 png 圖文 常用 desc

基礎不牢,地動山搖

2018-07-29

以前沒有好好的學html,現在做web項目有一種無從下手的感覺,雖然有現成的頁面,但是要調整一下樣式,還是會遇到不少困難,還是重頭再來復習一遍,編寫的效率才會高些。

常用標簽 p:段落標簽 hr:分割線 ol 有序 ol 無序 li 列表 table 表格 tr行 td列 form 表單 span範圍 br 換行 img-alt--titile(用於提示) 圖像

常用屬性:input控件中--text 文本 button 按鈕 submit 提交 password 密碼 date 日期 datetime 日期時間 check 復選 ridio 單選

註意:屬性值必須用引號引起來

div:這是一個非常重要的標簽

1.HTML 全稱叫做:超文本標記語言(Hypertext Markup Language)

2.meta標簽的作用:

(1)描述文檔類型和字符編碼 (2)描述搜索關鍵字和描述(提供搜索關鍵字和內容描述信息,方便搜索引擎的搜索)

eg:

技術分享圖片

技術分享圖片

3.HTML標簽分類(方便後續的布局設計):

  • 塊級標簽:顯示為“塊”狀,前後隔一行
  • 行級標簽:按行逐一顯示

4.有序標簽:order 有序 list 列表 lable 標簽

<ol> <li>列表項1</li> … … </ol>

5.無序標簽:unorder

<ul> <li>列表項1</li> …… </ul>

6.定義描述標簽 define 定義 describe 描述

<dl> <dt>標題</dt> <dd>描述1</dd> …… </dl>

7.表單元素

<form> <table> <tr> <td>...</td> <td>...</td> </tr> ..... </table> </form>

8.實際開發中常用的四種塊狀結構

  • div-dl-dt-dd------用於圖文混編的場合

技術分享圖片

  • div -ul(ol)- li 用於分類導航或菜單等

技術分享圖片

  • form -table tr - td - 用於布局表單

技術分享圖片

  • table -tr- td :用於圖文布局或顯示數據

技術分享圖片

1.HTML復習(常用的標簽,屬性,div布局,meta)