01 HTML

1.什么是HTML？(Hyper Text Markup Language:超文本標記語言)
? ? ? ? 超文本：功能比普通文本更加強大
? ? ? ? 標記語言：使用一組標簽對內容進行描述的一門語言(它不是編程語言)

2.語法和規范？
? ? ? ? HTML文件都是以.html或者.htm結尾的，建議使用.html結尾。
HTML文件分為頭部分(<head></head>)和體部分(<body></body>)
HTML標簽都是由開始標簽和結束標簽組成。(<hr />)
HTML標簽不區分大小寫，建議使用小寫。

3.HTML相關標簽學習
? ? ? ? 標題標簽<hn></hn>,n 從 1 到 6 逐漸變小。超過 6 的按 6 的進行顯示。特點：加粗加黑顯示，單獨占用一行。與其它行有一定的行間距。
? ? ? ? 水平線標簽 <hr />
? ? ? ? 段落標簽<p></p>
? ? ? ? 字體標簽<font></font>
? ? ? ? ? ? ? ? 屬性：size:指定內容的大小
? ? ? ? ? ? ? ? ? ? ? ? ? ? color：指定內容的顏色
? ? ? ? ? ? ? ? ? ? ? ? ? ? face：指定內容的字體
? ? ? ? 加粗：<b></b>
? ? ? ? 斜體：<i></i>
? ? ? ? 下劃線：<u></u>

4.圖片標簽
? ? ? ? <img />
? ? ? ? 屬性：
? ? ? ? ? ? src:指的是圖片顯示的路徑(位置)
? ? ? ? ? ? ? ? ? ? 絕對路徑
? ? ? ? ? ? ? ? ? ? 相對路徑：
? ? ? ? ? ? ? ? ? ? ? ? ? ? ①同一級：直接寫文件名稱或者./文件名稱
? ? ? ? ? ? ? ? ? ? ? ? ? ? ②上一級：../文件名稱
? ? ? ? ? ? ? ? ? ? ? ? ? ? ③下一級：寫上目錄名稱/文件名稱
? ? ? ? ? ? width:指定圖片的寬度，取值可以是像素值，也可以是百分比
? ? ? ? ? ? height：指定圖片的高度，取值可以是像素值，也可以是百分比
? ? ? ? ? ? alt：當圖片無法正常顯示的時候給出的提示信息(該屬性的顯示效果與瀏覽器以及瀏覽器版本有關)

5.列表標簽
? ? ? ? 有序列表：type有5個取值
? ? ? ? <ol type="I" start="" reversed="reversed">
? ? ? ? ? ? <li></li>
? ? ? ? </ol>
? ? ? ? 無序列表：type有3個取值
? ? ? ? <ul type="">
? ? ? ? ? ? <li></li>
? ? ? ? </ul>

6.超鏈接標簽
? ? ? ? <a href="" target=""></a>
? ? ? ? ? ? ? ? href:指定跳轉的位置，#代表不發生跳轉
? ? ? ? ? ? ? ? target：指定跳轉頁面顯示的位置(取值：_self 、_blank)

7.表格標簽
? ? ? ? <table border="" width="" height="" align="" bgcolor="" cellpadding="" cellspacing="">
? ? ? ? ? ? <tr>
? ? ? ? ? ? ? ? <td></td>
? ? ? ? ? ? ? ? <td></td>
? ? ? ? ? ? ? ? <td></td>
? ? ? ? ? ? </tr>
? ? ? ? ? ? <tr>
? ? ? ? ?<td></td>
? ? ? ? ? ? </tr>
? ? ? ? ? ? <tr>
? ? ? ? ? ? ? ? <td></td>
? ? ? ? ? ? ?</tr>
? ? ? ? </table>

8.跨行跨列操作

跨行：rowspan
跨列：colspan

9.框架集標簽：
? ? ? ? <frameset rows="" cols="">
? ? ? ? ? ? ? ? <frame src=""/>
? ? ? ? ? ? ? ? <frame name=""/>
? ? ? ? </frameset>
屬性：?
cols:進行垂直切割劃分，可以切割為任一塊。(參數的值相加=100%，其中有一塊可以使用*表示)?
?rows: 進行水平切割劃分，可以切割為任一塊。(參數的值相加=100%，其中有一塊可以使用*表示)?

一旦劃分區域之后，我們需要對具體的區域進行內容的填充，此時需要使用<frame></frame>標簽。

src:指定該區域顯示的文件(路徑)?
name:它通常會結合超鏈接的 target 屬性使用，來定義最終的顯示位置。

10.表單標簽

所有需要提交到服務器端的表單項必須使用<form></form>括起來！?
form 標簽屬性：?
action,整個表單提交的位置(可以是一個頁面，也可以是一個后臺 java 代碼)?
method,表單提交的方式(get/post/delete……等 7 種)?

文本輸入項

<input?type=”text”?name=””?size=””?maxlenght=””?readonly=””?placehoder=””/>

? ? <option value="" selected="">beijing</option>

? ? <option>shanghai</option>

</select>

Get 與 post 提交方式的區別？【默認提交方式為 get】?
Get 提交方式，所有的內容顯示在地址欄，不夠安全，長度有限制。?
Post 提交方式，所有的內容不會顯示在地址欄，比較安全，長度沒有限制。

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/387044.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/387044.shtml
英文地址，請注明出處：http://en.pswp.cn/news/387044.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！