一.html

　　超文本標記語言 hypertext markup language

二.html的結構

三.html標簽格式

1.標簽由<>把關鍵字括起來

2.標簽通常是成對出現的 , eg <div></div>　　第一個開始標識,第二個有/的是結束標識

　　<標簽名 屬性1="值1" 屬性2="值2">內容部分</標簽名>

3.標簽也有單獨出現的, eg <br/>,<hr/>

　　<標簽名 屬性1="值1" 屬性2="值2"/>

四.html的屬性

1.id　　　　定義標簽的唯一id

2.class　　 為html元素定義一個或者多個類名

3.style　　　規定行內的樣式

五.body中的常用標簽

1.標簽的嵌套

　　通常塊級標簽可以包含內聯標簽,但是內聯標簽不能包含塊級標簽,p標簽比較特殊,不能包含p標簽也不能包含塊級標簽

2.行內標簽

<b>加粗</b> 

<i>斜體</i>

<u>下劃線</u>

<s>刪除</s>

3.塊級標簽

<p>段落</p>

<h1>一級標題</h1>
<h2>二級標題</h2>  # 共有6級標題

4.特殊字符

空格        &nbsp
<           &lt    
>            &gt
&            &amp
版權符     &copy
註冊符      &reg

5.div標簽

　　div標簽用來定義一個塊級標簽,通過css來修改樣式

6.span標簽

　　span標簽用來定義一個內聯標簽,通過css來修飾樣式

7.img標簽

　　img標簽是用來定義圖片的

<img scr="圖片的路徑" alt="圖片未加載出來時的提示" title="鼠標停留時顯示的信息" width="寬度" height="高度">

8.a標簽

　　a標簽是定義超鏈接的

<a href="url(或錨)" target="_blank">
點我
</a>        
錨 指向頁面中的錨(href="#top") 跳轉
target屬性     _blank 在空白頁打開
                   _self 在當前頁面打開,默認的     

9.ul標簽

　　ul是一個無序的列表

<ul type="disc">
    <li>第一項</li>
    <li>第二項</li>
<ul/>
type屬性: disc    實心圓(默認)    circle   空心圓
               square   實心方塊        none 什麽都沒有　

10.ol標簽

　　ol是一個有序列表

<ol type="1" start="2">
    <li>第一項</li>
    <li>第二項</li>
</ol>
type屬性
    1 數字列表(默認)  A 大寫字母  a 小寫字母    I 大寫羅馬數字    i 小寫羅馬數字

11.dl標簽

　　dl是標題列表

<dl>
     <dt>標題</dt>  
     <dd>內容</dd>
</dl>

12.table標簽

　　table表格標簽

<table border="1">
    <thead>
    <tr>
        <th>id</th>
        <th>name</th>
        <th>hobby</th>
    </tr>
    </thead>

    <tbody>
    <tr>
        <td>1</td>
        <td>alex</td>
        <td>chi</td>
    </tr>
    </tbody>

　　table屬性

　　　　border　　　　表格邊框

　　　　cell padding　　內邊距

　　　　cell spacing　　外邊距

　　　　width　　　　　寬度

　　td屬性

　　　　rowspan　　　　合並行(上下合並)　　

　　　　colspan　　　　合並列(左右合並)

13.input標簽

<input type="text">

　　type屬性

　　其他屬性

　　　　name:表單提交時的鍵

　　　　value:表單提交時對應的值

　　　　　　type="button" "reset" "submit"　　為按鈕上顯示的文本內容

　　　　　　type="text" "password" "hidden"　 為輸入框的輸入的值

　　　　　　type="checkbox" "radio" "file"　　　為輸入相關聯的值

14.select標簽

<select name="" id="">
    <option value="1">選項1</option>
    <option value="2">選項2</option>
</select>

　　屬性

　　multiple:設置為多選

　　disabled:禁用

　　selected:默認

　　value:定義提交時的選項值

15.label標簽

　　包含input標簽,提示輸入框,輸入後變成黃色

<label>用戶名:
    <input type="text" name="username">
</label>

16.textarea標簽

<textarea name="memo" id="memo" cols="30" rows="10">
    默認內容
</textarea>
屬性
    name: 名稱    rows: 行數    cols: 列數    disabled: 禁用

16.form標簽

　　用於向服務器傳輸數據,從而實現用戶與web服務器的交互

　　包含 input　　select　　label　　textarea

屬性

前端html的簡單認識