1. 程式人生 > 實用技巧 >HTML標籤

HTML標籤

<html></html>                            超文字檔案
<head></head>                            起始
<title></title>                         網頁標題
<body></body>                            身體部分
<p align="center"></p>                    段落居中
<center></
center> 居中標籤 <b></b> 加粗標籤 <i></i> 傾斜標籤 <u></u> 下劃線標籤 <s></s> 刪除線標籤 <big></big> 放大標籤
<small></small> 縮小標籤 <size></size> 字型從1到7 <pro></pro> 空一行 <font color="字型顏色"></font> 字型顏色 <hr color="red" size=粗細"10" width寬="100可以寫%"></hr> 水平線
<sup></sup> 上標 <sub></sub> 下標 &nbsp; 空格 <img src="圖片路徑" width=“寬”height=“高” alt="無法正常顯示的時候的提示" > 相對路徑 :同級目錄加圖片名字 :上級目錄../加圖片名字 :下級資料夾名字加圖片名字 絕對名字:圖片屬性加圖片名字 <ul></ul> 無序列表 square 正方形 circle 空心圓 disc 小圓點 <li></li> 無序列表內容 <ol type="1" reversed 倒敘 start="3例如從3 開始往下"></ol> 有序列表 <dl></dl> 定義列表 <dt></dt> 被定義內容 <dd><dd> 定義內容 <table border="1"邊框大小 width="500"邊框的長 height="500"邊框的高 bgcolor="red"背景顏色 cellspacing="單元格間距" background="背景圖片" bordercolor="顏色" 表格框顏色 cellpadding="內容到邊框的距離" clospan="" 橫向合併 rowspan=“”縱向合併> <caption>表格標題</caption><tr><td> </td></tr> </table> 表格 <a href="地址">可以加入圖片</a> 超連結 <form></form> 表單 <input type="text" placeholder="提示內容" maxlength> 文字框 <input type="password" size="最大長度"> 密碼框 <input type="radio" checked預設> 單選框 <input type="checkbox" checked預設> 複選框 <input type="file"> 檔案域 <input type="button" value="名字"> 普通按鈕 <input type="submit" value="名字"> 提交按鈕 <input type="reset" value="名字"> 重置按鈕 按鈕style可以改大小background是顏色 <textarea cols="長" rows="高" maxlength="最大限度"> </textarea> 文字框 <select><option selected預設></option> </select> 下拉框 <align="left左 center居中 rtght右">水平對齊 <valign="top上" middle居中 bottom下> <style="屬性:屬性值;"> 行內式 <style>標籤{屬性:屬性值;要再加就加入-}</style> 內嵌式 <link href="引入的檔案" rel="stylesheet"></link> <span>輔助使用css</span> {color:red;} 顏色 {font-size:50px;} 字號 {font-family:楷體;}(字型) {font-weight:bold;}(加粗) {font-style:italic;}(傾斜) {text-decoration:underline;}(下劃線) {text-decoration:overline;}(上劃線) {text-decoration:line-through;}(刪除線) {text-decoration:none;}(去掉下劃線) {border-radius:100px;border:0;}圓角屬性 {margin-left左 right右:50px}內容到邊框的距離 body選擇器 設定背景 全域性選擇器* 加class="a"是類選擇器.a{屬性} id=“b”選擇器 唯一屬性 #b{屬性} <style>a:link{color:black;}</style>超連結的顏色 <style>a:hover{color:blue;}</style>滑鼠放上去以後的顏色 <style>a:active{color:red;}</style>被選中了以後的顏色 <style>a:visited{color:yellow;}被訪問以後的顏色 <style>a:link{text-decoration:none}</style>去除下劃線 <style>a:hover{text-decoration:underline;}</style> 滑鼠放上去的時候有下劃線 <marquee direction 滾動方向="up上 down下 left左 right右 " behavior滾動方式="alternate 上下的滾動 scroll 連續滾動預設選項 slide 滾動一次" scrollamount="100"> </marquee>scrollamount是滾動速度 文字滾動 選擇器的高低 行內>ID選擇器>類選擇器>標籤選擇器>全域性選擇器