HTML前端標籤
阿新 • • 發佈：2020-07-17
一、HTML基礎 C/S，Client/Server的縮寫，就是客戶端/伺服器 B/S，Brower/Server，就是瀏覽器/伺服器 二、框架級標籤 <!DOCTYPE html>定義文件型別 <html> 定義HTML文件 <head> 定義文件的頭部 <body> 定義文件的主體 三、標籤 文字標籤：<h1></h1>到<h6></h6>文字大小，數字越大，字型越小 加粗：<b></b>和<strong></strong> 上標：<sup></sup> 下標：<sub></sub> 刪除線：<s></s> 下劃線：<u></u> 斜體：<i></i>、<em></em> 實現邏輯方法的程式碼：<code></code> public void main() 引用：<cite></cite> 段落標籤：<p></p>獨佔一行 換行標籤：<br> 分割線標籤：<hr> 預格式化標籤：<pre>（打進去的什麼效果執行就什麼效果）不能用tab鍵盤，儘量用空格 連結標籤：<a href="1.jpg"></a> href屬性可以存放圖片路徑、檔案路徑、網址、錨點 檔案路徑起到了下載的作用 網址是起到了瀏覽的作用超連結 錨點給標籤定義一個id是標籤的唯一標識，點選href中的id值的會定義到對應的標籤 target屬性：_self：本頁跳轉、_bank：開啟新的頁面 圖片標籤：<img></img> 屬性src=""裡面是圖片的地址 alt=""這個屬性是圖片失效了代替的文字 列表標籤：<ul type=""> type屬性：circle（空心圓）/disk（實心圓 ）/ square（實心正方形）<li>A</li> <li>B</li> <li>C</li> </ul> 有序列表：orderlist <ol type=""> type屬性：1/i/I/a/A（數字排序）I是羅馬數字，A是26進位制-27就是AA <li>A</li> <li>B</li> <li>C</li> </ol> 自定義列表： <dl> <dt></dt>標題可以多個 <dd>B</dd>具體的資訊 <dd>C</dd> </dl> 表格標籤： <table width="200" height="200" border="1"> <tr> <td>A</td> <td colspan="2">B</td> </tr> <tr> <td rowspan="2">D</td> <td>E</td> <td>F</td> </tr> <tr> <td>H</td> <td>I</td> </tr> </table> 效果：
表單標籤： <form action="後端地址"> <input type="text" placeholder="請輸入內容" name="name" value="你好"> --type="password"密碼的 </form> <textarea></textarea> iframe標籤：用於在一個頁面中嵌入另一個頁面 <a href="http://www.baidu.com" target="iframe-test">顯示百度</a> <iframe name="iframe-test" width="1000" height="1000"></iframe> src="../02.bodytag1/demo1_hTag.html"--顯示需要展示的頁面 ***div&span標籤 div是塊狀容器，獨佔一行，主要用於搭建網頁佈局，頁面整體佈局就靠它 span是行級容器，其大小自適應與包裹的物件