- 什么是 HTML?
超文本標記語言: 超文本:比普通文本功能更加強大 標記語言:使用一組標簽對內容進行描述的一門語言,它不是編程語言!
2.語法和規范:
- 所有的 html 文件后綴名都是以.html 或者.htm 結尾的,建議使用.html 結尾。
- 整個 html 文件分別由頭部分<head></head>和體部分<body></body>組成 3
- Html 標簽都是由開始標簽和結束標簽組成(<br />) 4
- Html 標簽忽略大小寫的,建議大家使用小寫。
3.HTML 相關標簽
標題標簽
標題標簽使用<hn></hn>,n 從 1 到 6 逐漸變小。超過 6 的按 6 的進行顯示 特點:加粗加黑顯示,單獨占用一行。與其它行有一定的行間距。
注釋: 快捷鍵:ctrl+/水平線標簽
水平線標簽:<hr />段落標簽
段落標簽:<p></p>字體標簽
字體標簽使用<font></font> 必須結合其屬性才能具備一定的樣式效果。 設置顏色:color(可以是英文單詞也可以是十六進制) 設置字體:face(那些字體必須是你本機已經有的) 設置大小的:size (從 1 到 7 逐漸變大,超過 7 的部分按照 7 來顯示)
4.網站圖片信息顯示頁面
- 圖片標簽
圖片標簽:<img />
圖片的位置屬性:src SRC: 絕對路徑:帶有盤符的 相對路徑: - 如果是同級,直接寫文件名稱或者./文件名稱
- 如果是上一級:../文件名稱(如果是多層,那么多寫幾個../)
- 如果是下一級:寫目錄名稱/文件名稱 width:設置圖片的寬度 height:設置圖片的高度 alt:當圖片無法正常顯示的時候給出的提示信息。
5.列表標簽
- 列表標簽: 有序列表:<ol></ol> 屬性:type 有 5 個取值 start 其實位置,reverse:倒序
- 無序列表: <ul></ul> 屬性:type 有 3 個取值
- 超鏈接標簽 <a href=”#” target=”_self / _blank”>點我</a>
6.表格標簽
- 表格標簽
表格標簽使用的是<table></table>
<table> <tr> <td></td> </tr> </table> - Table 屬性: 邊框:border 寬度:width 高度:height 背景顏色:bgcolor 邊框與邊框的:cellspacing 邊框與內容的:cellpadding 居中顯示:align
- 表格的跨行、跨列操作:是針對單元格的!
2.步驟分析
創建整體框架,使之變成網格再在網格內創建相應內容
7.網站后臺管理系統頁面
- 框架集結構標簽
<frameset > </frameset> - 屬性: cols:進行垂直切割劃分,可以切割為任一塊。(參數的值相加=100%,其中有一塊可以 使用表示) rows: 進行水平切割劃分,可以切割為任一塊。(參數的值相加=100%,其中有一塊可 以使用表示)
- 一旦劃 分區 域之后 ,我 們需 要對 具體的 區域 進行 內容 的填充 ,此 時需 要使 用 <frame></frame>標簽
屬性: 此標簽作用:將頁面的進行區域的 劃分
src:指定該區域顯示的文件(路徑) name:它通常會結合超鏈接的 target 屬性使用,來定義最終的顯示位置。