標籤:單元 lsp 表頭 內建 沒有 搜尋引擎最佳化 audio ref 內容
HTML的整體架構<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body></html> 在body中具體有哪些常用的標籤文字標籤<b></b> 加粗標籤<i></i> 斜體標籤<p></p> 段落標籤 每個段落和其他段落之間有一個間隙<sub></sub> 下角標<sup></sup> 上角標<del></del> 刪除線<s></s> 刪除線和搜尋引擎有關係的標籤 SEO(搜尋引擎最佳化)<em></em> 強調功能<strong></strong> 具有強調功能strong > em<h1></h1> 標題標籤 從大到小 每一個都獨立佔去一行......<h6></h6>在一個網頁中最好只有一個h1標籤在html原始碼中有多個空格只識別一個 格式標籤<br> 強制換列標籤<hr> 橫線標籤<pre>原型輸出標籤 列表標籤<Ul> 無序列表<li></li> 清單項目</Ul> <ol> 有序列表<li></li> 清單項目</ol> <dl> 自訂欄表<dt></dt><dd></dd></dl> 超連結標籤<a></a> 屬性: Href:就是超連結跳轉的地址 target:_self:在本選項卡中開啟 _blank:在新的選項卡中開啟 多媒體標籤<img> 圖片標籤屬性:src:就是需要載入圖片的路徑(URL)width:設定圖片的寬度height:設定圖片的高度注意:為了避免圖片失真寬度和高度最好只設定一個border:設定圖片的邊框alt: 第一個用法:就是在圖片沒有載入出來的時候會把 文字顯示出來 第二個用法:搜尋引擎會根據alt的值 去判斷這張圖片上到底是什麼 title:就是滑鼠放上去會有一個小的提示<audio></audio> 音頻標籤屬性:src:需要載入的音頻路徑 controls 控制按鈕<video></video> 視頻標籤屬性: src 需要載入的視頻路徑 controls 控制按鈕 loop: 自動重播 width:寬度 height:高度 <table></table> 表格標籤屬性:border:就是給整個表格加邊框 width:給整個表格設定寬度 align:center 會把整個表格相對於瀏 覽器置中 right:會把整個表格相對於瀏 覽器居右 left:會把整個表格相對於瀏 覽器居左(預設值) bgcolor:設定整個表格的背景顏色<tr></tr> 表格中的一行屬性:align:left:會把這一行的內容相對於儲存格居左 r ight:把這一行的內容相對於儲存格居右 center:把這一行的內容相對於儲存格置中 bgcolor:設定一行的背景顏色 <td></td> 一行中的一列<th></th> 表頭 比<td>要粗 內建置中屬性屬性:align:left:會把這一行的內容相對於儲存格 居左 right:把這一行的內容相對於儲存格居右 center:把這一行的內容相對於儲存格置中在td中的優先順序大於在tr中 rowspan:合并行 colspan: 合并列 bgcolor:設定這個儲存格的背景顏色 表單標籤<form></form> 表單標籤屬性:action: 就是這個表單的內容要提交到那個後台method:就是表單提交的方式get:以get方式提交post:以post方式提交所有的表單項都必須有name屬性-不要寫漢字<input > 表單項屬性:type:值: text:就是普通的文本輸入框 submit:就是一個提交按鈕 image:圖片提交按鈕 radio:是選項按鈕 checked:預設選中值checkbox:多選按鈕checked:預設選中值hidden:隱藏欄位-就是後台可以接收到值,但是前台使用者看不到 password:密碼輸入框--就是輸入的內 容會用....開代替maxlength:控制使用者輸入的多少disabled:禁用-就是後台也接收不到值readonly:就是前台不能改,但是後台可以接收 到值 size:設定text這個類型的大x小placeholder:提示內容,點擊輸入內容後消失 <select></select> 下拉式清單屬性: name:就是下拉式清單的名字<option></option> 下拉式清單的清單項目屬性:Value:就是每個清單項目對應的值 <textarea></textarea> 文本域 屬性:name:文本域的名字cols:控制列數rows:控制行數disabled:禁用 ---後台接收不到readonly:唯讀 -- 後台可以接收到 其他的標籤<div></div> 塊狀標籤<span></span> 行內標籤
html基本標籤與屬性