- 什么是 HTML逞敷?
超文本標記語言: 超文本:比普通文本功能更加強大 標記語言:使用一組標簽對內(nèi)容進行描述的一門語言,它不是編程語言秒际!
2.語法和規(guī)范:
- 所有的 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(那些字體必須是你本機已經(jīng)有的) 設置大小的:size (從 1 到 7 逐漸變大驰唬,超過 7 的部分按照 7 來顯示)
4.網(wǎng)站圖片信息顯示頁面
- 圖片標簽
圖片標簽:<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 邊框與內(nèi)容的:cellpadding 居中顯示:align
- 表格的跨行、跨列操作:是針對單元格的搓逾!
2.步驟分析
創(chuàng)建整體框架卷谈,使之變成網(wǎng)格再在網(wǎng)格內(nèi)創(chuàng)建相應內(nèi)容
7.網(wǎng)站后臺管理系統(tǒng)頁面
- 框架集結構標簽
<frameset > </frameset> - 屬性: cols:進行垂直切割劃分,可以切割為任一塊霞篡。(參數(shù)的值相加=100%世蔗,其中有一塊可以 使用表示) rows: 進行水平切割劃分端逼,可以切割為任一塊。(參數(shù)的值相加=100%污淋,其中有一塊可 以使用表示)
- 一旦劃 分區(qū) 域之后 顶滩,我 們需 要對 具體的 區(qū)域 進行 內(nèi)容 的填充 ,此 時需 要使 用 <frame></frame>標簽
屬性: 此標簽作用:將頁面的進行區(qū)域的 劃分
src:指定該區(qū)域顯示的文件(路徑) name:它通常會結合超鏈接的 target 屬性使用寸爆,來定義最終的顯示位置礁鲁。