基礎不牢,地動山搖

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）