1樓:匿名使用者
target是開啟連結時用什麼目標開啟,是在新視窗中開啟就用target=_blank,在父視窗中開啟就用target=_parent,在當前視窗中開啟就用target=_self,
target=_top表示在頂層視窗中開啟
html常用標記
<html>
<head>
<title>標題<title>
</head>
<body>..........檔案內容..........
</body>
</html>
1.檔案標題
<title>..........</title>
2.檔案更新--<meta>
10秒後自動更新一次
10秒後自動連結到另一檔案
欲連結檔案之url">
3.查詢用表單--<isindex>
若欲設定查詢欄位前的提示文字:
<isindex prompt="提示文字">
4.預設的基準路徑--<base>
<base href="放置檔案的主機之url">
?後面帶的是引數,也就是使用者提交處理的時候所帶的引數。
就是url和其攜帶引數的分隔符
版面1.標題文字 <h#>..........</h#> #=1~6;h1為最大字,h6為最小字
2.字型變化 <font>..........</font>
字型大小 <font size=#>..........</font> #=1~7;數字愈大字也愈大
指定字型 <font face="字型名稱">..........</font>
文字顏色 <font color=#rrggbb>..........</font> rr:表紅色(red)色碼 gg:表綠色(green)色碼 bb:表藍色(blue)色碼
3.顯示小字型 <small>..........</small>
4.顯示大字型 <big>..........</big>
5.粗體字 <b>..........</b>
6.斜體字 <i>..........</i>
7.打字機字型 <tt>..........</tt>
8.底線 <u>..........</u>
9.刪除線 <strike>..........</strike>
10.下標字 <sub>..........</sub>
11.上標字 <sup>..........</sup>
12.文字閃爍效果 <blink>..........</blink>
13.換行 <br>
14.分段 <p>
15.文字的對齊方向 <p align="#"> #號可為 left:表向左對齊(預設值) center:
表向中對齊 right:表向右對齊 p.s.
<p align="#">之後的文字都會以所設的對齊方式顯示, 直到出現另一個<p align="#">改變其對齊方向,或遇到 <hr>ⅱ<h#>標籤時會自動設回預設的向左對齊。
16.分隔線 <hr>
分隔線的粗細 <hr size=點數>
分隔線的寬度 <hr size=點數或百分比>
分隔線對齊方向 <hr align="#"> #號可為 left:表向左對齊(預設值) center:表向中對齊 right:表向右對齊
分隔線的顏色 <hr color=#rrggbb>
實心分隔線 <hr noshade>
17.向中對齊 <center>..........</center>
18.依原始樣式顯示 <pre>..........</pre>
19.<body>指令的屬性
背景顏色 -- bgcolor <body bgcolor=#rrggbb>
背景圖案 -- background <body background="圖形檔名">
設定背景圖案不會捲動 -- bgproperties <body bgproperties=fixed>
檔案內容文字的顏色 -- text <body text=#rrggbb>
超連結文字顏色 -- link <body link=#rrggbb>
正被選取的超連結文字顏色 -- vlink <body vlink=#rrggbb>
已連結過的超連結文字顏色 -- alink <body alink=#rrggbb>
20.註解 <!--..........-->21.特殊字元表示法
符 號 語 法
< &lt
> &gt
& &amp
" &quot
空白 &nbsp **
1.插入** <img src="圖形檔名">
2.設定圖框 -- border <img src="圖形檔名" border=點數>
3.設定圖形大小 -- widthⅱheight <img src="圖形檔名" width=寬度點數 height=高度點數>
4.設定圖形上下左右留空 -- vspaceⅱhspace <img src="圖形檔名" vspace=上下留空點數 hspace=左右留空點數>
5.圖形附註 <img src="圖形檔名" >
6.預載**
<img src="高解析度圖形檔名" lowsrc="低解析度圖形檔名"> p.s.兩個圖的圖形大小最好一致
7.影像地圖(image map) <img src="圖形檔名" usemap="#圖的名稱"> <map name="圖的名稱">
<area shape=形狀 coords=區域座標列表 href="連結點之url">
<area shape=形狀 coords=區域座標列表 href="連結點之url">
<area shape=形狀 coords=區域座標列表 href="連結點之url">
<area shape=形狀 coords=區域座標列表 href="連結點之url"> </map>
定義形狀 -- shape
shape=rect:矩形 shape=circle:圓形 shape=poly:多邊形
定義區域 -- coords
a.矩形:必須使用四個數字,前兩個數字為左上角座標,後兩個數字為右下角座標
例:<area shape=rect coords=100,50,200,75 href="url">
b.圓形:必須使用三個數字,前兩個數字為圓心的座標,最後一個數字為半徑長度
例:<area shape=circle coords=85,155,30 href="url">
c.任意圖形(多邊形):將圖形之每一轉折點座標依序填入
例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="url">
**1.定義** <table>..........</table>
設定邊框的厚度 -- border
<table border=點數>
設定格線的寬度 -- cellspacing
<table cellspacing=點數>
設定資料與格線的距離 -- cellpadding
<table cellpadding=點數>
調整**寬度 -- width
<table width=點數或百分比>
調整**高度 -- height
<table height=點數或百分比>
設定**背景色彩 -- bgcolor
<table bgcolor=#rrggbb>
設定**邊框色彩 -- bordercolor
<table bordercolor=#rrggbb>
2.顯示格線 <table border>
3.**標題
<caption>..........</caption>
**標題位置 -- align
<caption align="#"> #號可為 top:表標題置於**上方(預設值)
bottom:表標題置於**下方
4.定義列 <tr>
5.定義欄位 《1》<td>:靠左對齊
《2》<th>:靠中對齊ⅱ粗體
水平位置 -- align <th align="#">
#號可為 left:向左對齊
center:向中對齊 right:向右對齊
垂直位置 -- align <th align="#"> #號可為
top:向上對齊 middle:向中對齊
bottom:向下對齊
欄位寬度 -- width
<th width=點數或百分比>
欄位垂直合併 -- rowspan
<th rowspan=欲合併欄位數>
欄位橫向合併 -- colspan
<th colspan=欲合併欄位數>
清單一、目錄式清單
<dir> <li>專案1 <li>專案2 <li>專案3 </dir> p.s.目錄式清單每一個專案不能超過20個字元(即10箇中文字)
二、選項式清單 <menu> <li>專案1 <li>專案2 <li>專案3 </menu>
三、有序號的清單 <ol> <li>專案1 <li>專案2 <li>專案3 </ol>
序號形式 -- type <ol type=#>或<li type=#> #號可為 a:表以大寫英文字母aⅱbⅱcⅱd...做為專案編號 a:
表以小寫英文字母aⅱbⅱcⅱd...做為專案編號 i:表以大寫羅馬數字做為專案編號 i:
表以小寫羅馬數字做為專案編號 1:表以阿拉伯數字做為專案編號(預設值)
起始數字 -- start <ol start=欲開始計數的序數>
指定編號 -- value <li value=欲指定的序數>
四、無序號的清單 <ul> <li>專案1 <li>專案2 <li>專案3 </ul>
專案符號形式 -- type <ul type=#>或<li type=#> #號可為 disc:實心圓點(預設值) circle:空心圓點 square:實心方塊
原始清單 -- plain <ul plain>
清單排列方式 -- warp 《1》清單垂直排列 <ul warp = vert> 《2》清單水平排列 <ul warp = horiz>
五、定義式清單 <dl> <dt>專案1 <dd>專案1說明 <dt>專案2 <dd>專案2說明 <dt>專案3 <dd>專案3說明 </dl>
緊密排列 -- compact <dl compact> p.s.如此可使<dt>的內容與<dd>的內容在同一行,僅 以數格空白相隔而不換行,但若<dt>的文字超過一 定的長度後,compact的作用就消失了!
表單一、基本架構 <form action="處理資料用的cgi程式之url"或"mailto:電子信箱的url" method="get或post"> .......... ..........
.......... </form>
二、輸入檔案型表單 <form action="url" method="post"> <input> <input> .......... .......... </form>
欄位型別 -- type <input type=#> #號可為 text:文字輸入 password:密碼 checkbox:
多選鈕 radio:單選鈕 submit:接受按鈕 reset:
重設按鈕 image:圖形鈕 hidden:隱藏欄位
欄位名稱 -- name <input name="資料欄名"> p.s.若type為submitⅱreset則name不必設定
檔案上的預設值 -- value <input value="預設之字串">
設定欄位的寬度 -- size <input size=字元數>
限制最大輸入字串的長度 -- maxlength <input maxlength=字元數>
預設checkbox或radio的初值 -- checked <input type=checkbox checked> <input type=radio checked>
指定圖形的圖檔名">
**對齊 -- align <input type=image align="#"> #號可為 top:文字對齊**之頂端 middle:文字對齊**之中間 buttom:
文字對齊**之底部
三、選擇式表單 <form action="url" method="post"> <select> <option> <option> .......... .......... </select> </form>
a、<select>的屬性
欄位名稱 -- name <select name="資料欄位名">
設定顯示的選項數 -- size <select size=個數>
多重選項 -- multiple <select multiple>
b、<option>的屬性
定義選項的傳回值 -- value <option value="傳回值">
預先選取的選項 -- selected <option selected>
四、多列輸入文字區表單 <form action="url" method="post"> <textarea> .......... .......... </textarea> </form>
文字區的變數名稱 -- name <textarea name=變數名稱>
設定文字輸入區寬度 -- cols <textarea cols=字元數>
設定文字輸入區高度 -- rows <textarea rows=列數>
輸入區設定預設字串 <textarea> 預設文字 </textarea>
自動換行與否 -- wrap <textarea wrap=#> #號可為 off:表輸入的文字超過欄寬時,不會自動換行(預設值) virtual:表輸入的文字在超過欄寬時會自動換行
連結一、連結至其他檔案 <a href="url">說明文字或**</a>
二、連結至檔案內之某一處(外部連結)
《1》起點
<a href="檔名#名稱">..........</a>
《2》終點 <a name="名稱">
三、frame的超連結
開啟新的瀏覽器來顯示連結檔案
顯示連結檔案於目前的
以上一層的分割視窗顯示連結檔案
以全視窗顯示連結檔案
以特定視窗顯示連結檔案 --<a href="url" >
frame
一、分割視窗指令 <frameset>..........</frameset>
垂直(上下)分割 -- rows
<frameset rows=#> #號可為點數:如欲分割為100,200,300三個視窗,則
<frameset rows=100,200,300>;亦可以*號代表,如<frameset rows=*,500,*>
百分比:如<frameset rows=30%,70%>,各 項總和最好為100%
水平(左右)分割 -- cols <frameset cols=點數或百分比>
二ⅱ指定視窗內容 -- <frame>
<frameset cols=30%,70%> <frame> <frame> </frameset>
指定視窗的檔名稱 -- src <frame src=html檔名>
定義視窗的名稱 -- name
<frame name=視窗名稱>
設定檔案與上下邊框的距離 -- marginheight
<frame marginheight=點數>
設定檔案與左右邊框的距離 -- marginwidth
<frame marginwidth=點數>
設定分割視窗卷軸 -- scrolling
<frame scrolling=#> #號可為 yes:固定出現卷軸
no:不出現卷軸 auto:自動判斷檔案大小需不需要卷軸(預設值)
鎖住分割視窗的大小 -- noresize <frame noresize>
在html中怎樣定義文字的位置,html 如何是一行文字位於頁面正中
大野瘦子 ext align center 或者left和right 想隨意放 就問字 注 left 和 top 是設定距離頁面左上角的距離。 搞怪一樂 1 padding內邊距 例如 將div容器中的文字內容放在距離容器的左側邊框的20px,頂部邊框的100px的位置。注意 在容器裡使用了padd...
在HTML中如何設定邊框,Html中如何設定div邊框的顏色?
鍾振森 html中設定邊框方法 方法 步驟 1 一個普通的 如下 相關設定 2 單元格邊距 填充 cellpadding 代表單元格外面距離,用於隔開單元格與單元格之間的空間 單元格間距 間距 cellspacing 代表 邊框與單元格補白的距離。具體 如下 12 3 abc 中國我愛你 效果如圖 ...
html如何調整文字位置,在html中怎樣定義文字的位置
text 文字在段落中的位置為具上9px,左右12px,下5px文字在段落中的位置為縮排2個文字寬度,類似作文中的段落起始空2格多行文字在段落中的行間距為24px 居左居右 劇中padding 上 右 下 左 手打的 樓主看著辦,祝你早日學會 學html是不夠的,還要學css,樣式和內容分離,如果用...