html筆記
一.HTML特點
1:Html中的所有標簽都是提前固定好的,直接使用,即可得到相應的效果;
2:html文件的後綴名是.html或.htm;
3:html代碼不需要編譯,直接由瀏覽器解釋運行;
4:html的標簽多數都是有開頭標簽和結尾標簽;允許一些特殊含義的標簽沒有元素體;
這樣的標簽稱為自閉合標簽;
5:html的標簽名不區分大小寫,建議小寫;
二.HTML固定格式
<!-- 文檔聲明-->
<!DOCTYPE html>
<!-- 根標簽-->
<html lang="en">
<!-- 頭部分-->
<head>
<!-- 頁面編碼-->
<meta charset="UTF-8">
<!-- 瀏覽器展示標題-->
<title>Document</title>
</head>
<!-- 主體部分-->
<body>
<!--具體寫標簽-->
</body>
</html>
三.常用標簽
1.<h數字></h>:數字為1-6,數字越小,字體越大;
2.<b></b>:字體加粗;
3.<l></l>:字體傾斜;
4.<br/>:換行,自閉合;
5.<font></font>:控制字體大小/顏色/,常用屬性color/size,size值只能是1-7,數字越大,字體越大;
6.<p></p>:段落標簽;
7.<hr/>:水平線標簽,size表示線的粗度,noshade表示是否有陰影;
8.<img src="圖片路徑" alt="圖片不能正常顯示時提示的文字" />:常用屬性還包括:width:寬度;height:高度,可以以px(像素)為單位,也可以用%.
9.<ul></ul>:無序列表,裏面嵌套<li></li>標簽,<li></li>標簽裏寫內容即可;可選屬性type,可以取值3個:cirle(空心圓),disc(實心圓),squre(方塊);
10.<li></li>:有序列表,裏面嵌套<li></li>標簽,<li></li>標簽裏寫內容即可;
11.<a href="跳轉的url路徑"></a>:可選屬性target控制跳轉的方式(新建一個網頁,或在自身打開);該標簽必須寫元素體,否則無法顯示.
12.<table>
<tr>
<td>
</td>
</tr>
</table>:tr表示行,td表示列.
13.<frameset></frameset>:框架標簽,可以將頁面分割,被frameset標簽分割的頁面,不允許使用body標簽;frameset標簽頁面內只能出現frameset或frame標簽;
14.<frame></frame>:盛放html頁面的標簽,在frame標簽內只能寫html文件;可選屬性:
name:對該頁面在frameset標簽中的位置起名字,作用是可以讓別的位置的超鏈接通過;
15.<form action="#" method="get"></form>:action為必須屬性,表示表單提交的地址;method為可選屬性,Get請求的所有參數將在地址欄顯示,且提交的信息量有限;
POST請求的所有參數在地址欄不顯示,相對安全,且提交的信息量不受控制;因此文件上傳的時候,必須使用POST方式;
16.form中的子標簽有<input type="" name="" />:自閉合標簽;type中包括text(輸入文本)/password(輸入密碼,顯示為*或.)/radio(單選)/checkbox(復選框)/submit(顯示提交按鈕)/image(上傳圖片按鈕)/file(文件上傳按鈕)/reset(重置按鈕)/Button(按鈕).
17.<input type="text" name="提交的名字(key)" value="默認顯示的字符" maxlength="控制輸入長度(一個漢字計為一個字符)" />
18.<textarea name="提交時作為key使用" rows="可以看到的行數(超出則出現滾動條)" cols="每行可以輸入的字符數"></textarea>
19.<select name="作為key使用">
<option>下接列表選項</option>
</select>
html筆記