1樓：匿名使用者
html網頁的基本結構及基本功能
一、html網頁的基本結構
1、html——超文字標記語言，瀏覽器解析html標記後，展示內容2、h5——html5(目前流行比較火）
3、網頁的基本結構
3.1靜態網頁的拓展名htm或html
3.2新建網頁的步驟：
1、新建文字文件，更改拓展名為htm或html2、編寫網頁的基本結構，並報春
3、雙擊html檔案，在瀏覽器中執行
3.3網頁的基本結構
4、html語言的特點
標記，大部分的都是成對存在
不區分大小寫 h5區分大小寫
瀏覽器解析html標記
二、使用相關的標籤進行排版
1、網頁的標題
2、標題標籤
....數字越大 標題越小
3、段落標記——[/p]可以有也可以沒有
4、換行——
[/]可以有野可以沒有
5、水平線——
6、字型加粗 斜體7、html中的註釋和特殊的符號--p15頁註釋：特殊符號 空格 ； 大於號》； 小於號<；
引號"；版權符號©；
三、在網頁上插入**
ps：src屬性必須有 其他的屬性可以有可以沒有**路徑：相對路勁和絕對路徑
1、相對路徑，不出現有磁碟名字的路徑
../表示上級目錄
../../表示目錄的上一級目錄
2.絕對路徑，有磁碟名字的路徑
c:\documents and settings\administrator\桌面
***網頁中使用相對路徑
四、超連結
1、通用語法：
2、作用：頁面導航
3、錨連結p23.24
1>先設定錨記
2>超連結訪問當前頁面中的錨記？
4、開啟郵件傳送郵件
點我傳送郵件
2樓：匿名使用者
web結構
＜html＞
＜head＞
＜title＞標題＜title＞
＜/head＞
＜body＞..........檔案內容..........
＜/body＞
＜/html＞
----------------------------------------------
標題1.檔案標題
＜title＞..........＜/title＞
2.檔案更新--＜meta＞
【1】10秒後自動更新一次
【2】10秒後自動連結到另一檔案
欲連結檔案之url"＞
3.查詢用表單--＜isindex>
若欲設定查詢欄位前的提示文字：
＜isindex prompt="提示文字"＞
4.預設的基準路徑--＜base>
＜base href="放置檔案的主機之url"＞
版面1.標題文字 ＜h#＞..........＜/h#＞ #=1~6；h1為最大字，h6為最小字
2.字型變化 ＜font＞..........＜/font＞
【1】字型大小 ＜font size=#＞..........＜/font＞ #=1~7；數字愈大字也愈大
【2】指定字型 ＜font face="字型名稱"＞..........＜/font＞
【3】文字顏色 ＜font color=#rrggbb＞..........＜/font＞ rr：表紅色（red）色碼 gg：
表綠色（green）色碼 bb：表藍色（blue）色碼
3.顯示小字型 ＜**all＞..........＜/**all＞
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＞
【1】分隔線的粗細 ＜hr size=點數＞
【2】分隔線的寬度 ＜hr size=點數或百分比＞
【3】分隔線對齊方向 ＜hr align ） center：表向中對齊 right：表向右對齊
【4】分隔線的顏色 ＜hr color=#rrggbb＞
【5】實心分隔線 ＜hr noshade＞
17.向中對齊 ＜center＞..........＜/center＞
18.依原始樣式顯示 ＜pre＞..........＜/pre＞
19.＜body＞指令的屬性
【1】背景顏色 -- bgcolor ＜body bgcolor=#rrggbb＞
【2】背景圖案 -- background ＜body background="圖形檔名"＞
【3】設定背景圖案不會捲動 -- bgproperties ＜body bgproperties=fixed＞
【4】檔案內容文字的顏色 -- text ＜body text=#rrggbb＞
【5】超連結文字顏色 -- link ＜body link=#rrggbb＞
【6】正被選取的超連結文字顏色 -- vlink ＜body vlink=#rrggbb＞
【7】已連結過的超連結文字顏色 -- alink ＜body alink=#rrggbb＞
**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＞
【1】定義形狀 -- shape
shape=rect：矩形 shape=circle：圓形 shape=poly：多邊形
【2】定義區域 -- 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＞
【1】設定邊框的厚度 -- border
＜table border=點數＞
【2】設定格線的寬度 -- cellspacing
＜table cellspacing=點數＞
【3】設定資料與格線的距離 -- cellpadding
＜table cellpadding=點數＞
【4】調整**寬度 -- width
＜table width=點數或百分比＞
【5】調整**高度 -- height
＜table height=點數或百分比＞
【6】設定**背景色彩 -- bgcolor
＜table bgcolor=#rrggbb＞
【7】設定**邊框色彩 -- bordercolor
＜table bordercolor=#rrggbb＞
2.顯示格線 ＜table border＞
3.**標題
＜caption＞..........＜/caption＞
**標題位置 -- align
＜caption align="#"＞ #號可為 top：表標題置於**上方（預設值）
bottom：表標題置於**下方
4.定義列 ＜tr＞
5.定義欄位 《1》＜td＞：靠左對齊
《2》＜th＞：靠中對齊ⅱ粗體
【1】水平位置 -- align ＜th align="#"＞
#號可為 left：向左對齊
center：向中對齊 right：向右對齊
【2】垂直位置 -- align ＜th align="#"＞ #號可為
top：向上對齊 middle：向中對齊
bottom：向下對齊
【3】欄位寬度 -- width
＜th width=點數或百分比＞
【4】欄位垂直合併 -- rowspan
＜th rowspan=欲合併欄位數＞
【5】欄位橫向合併 -- colspan
＜th colspan=欲合併欄位數＞
html指令 入門 2
清單一、目錄式清單
＜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＞
【1】序號形式 -- type ＜ol type=#＞或＜li type=#＞ #號可為 a：表以大寫英文字母aⅱbⅱcⅱd...做為專案編號 a：
表以小寫英文字母aⅱbⅱcⅱd...做為專案編號 i：表以大寫羅馬數字做為專案編號 i：
表以小寫羅馬數字做為專案編號 1：表以阿拉伯數字做為專案編號（預設值）
【2】起始數字 -- start ＜ol start=欲開始計數的序數＞
【3】指定編號 -- value ＜li value=欲指定的序數＞
四、無序號的清單 ＜ul＞ ＜li＞專案1 ＜li＞專案2 ＜li＞專案3 ＜/ul＞
【1】專案符號形式 -- type ＜ul type=#＞或＜li type=#＞ #號可為 disc：實心圓點（預設值） circle：空心圓點 square：實心方塊
【2】原始清單 -- plain ＜ul plain＞
【3】清單排列方式 -- warp 《1》清單垂直排列 ＜ul warp = vert＞ 《2》清單水平排列 ＜ul warp = horiz＞
五、定義式清單 ＜dl＞ ＜dt＞專案1 ＜dd＞專案1說明 ＜dt＞專案2 ＜dd＞專案2說明 ＜dt＞專案3 ＜dd＞專案3說明 ＜/dl＞
緊密排列 -- ***pact ＜dl ***pact＞ p.s.如此可使＜dt＞的內容與＜dd＞的內容在同一行，僅 以數格空白相隔而不換行，但若＜dt＞的文字超過一 定的長度後，***pact的作用就消失了！
表單一、基本架構 ＜form action="處理資料用的cgi程式之url"或"mailt電子信箱的url" method="get或post"＞ .......... .......... ..........
＜/form＞
二、輸入檔案型表單 ＜form action="url" method="post"＞ ＜input＞ ＜input＞ .......... .......... ＜/form＞
【1】欄位型別 -- type ＜input type=#＞ #號可為 text：文字輸入 password：密碼 checkbox：
多選鈕 radio：單選鈕 submit：接受按鈕 reset：
重設按鈕 image：圖形鈕 hidden：隱藏欄位
【2】欄位名稱 -- name ＜input name="資料欄名"＞ p.s.若type為submitⅱreset則name不必設定
【3】檔案上的預設值 -- value ＜input value="預設之字串"＞
【4】設定欄位的寬度 -- size ＜input size=字元數＞
【5】限制最大輸入字串的長度 -- maxlength ＜input maxlength=字元數＞
【6】預設checkbox或radio的初值 -- checked ＜input type=checkbox checked＞ ＜input type=radio checked＞
【7】指定圖形的圖檔名"＞
【8】**對齊 -- align ＜input type=image align="#"＞ #號可為 top：文字對齊**之頂端 middle：文字對齊**之中間 buttom：
文字對齊**之底部
三、選擇式表單 ＜form action="url" method="post"＞ ＜select＞ ＜option＞ ＜option＞ .......... .......... ＜/select＞ ＜/form＞
a、＜select＞的屬性
【1】欄位名稱 -- name ＜select name="資料欄位名"＞
【2】設定顯示的選項數 -- size ＜select size=個數＞
【3】多重選項 -- multiple ＜select multiple＞
b、＜option＞的屬性
【1】定義選項的傳回值 -- value ＜option value="傳回值"＞
【2】預先選取的選項 -- selected ＜option selected＞
四、多列輸入文字區表單 ＜form action="url" method="post"＞ ＜textarea＞ .......... .......... ＜/textarea＞ ＜/form＞
【1】文字區的變數名稱 -- name ＜textarea name=變數名稱＞
【2】設定文字輸入區寬度 -- cols ＜textarea cols=字元數＞
【3】設定文字輸入區高度 -- rows ＜textarea rows=列數＞
【4】輸入區設定預設字串 ＜textarea＞ 預設文字 ＜/textarea＞
【5】自動換行與否 -- wrap ＜textarea wrap=#＞ #號可為 off：表輸入的文字超過欄寬時，不會自動換行（預設值） virtual：表輸入的文字在超過欄寬時會自動換行
連結一、連結至其他檔案 ＜a href="url"＞說明文字或**＜/a＞
二、連結至檔案內之某一處（外部連結）
《1》起點
＜a href="檔名#名稱"＞..........＜/a＞
《2》終點 ＜a name="名稱"＞
三、frame的超連結
【1】開啟新的瀏覽器來顯示連結檔案
【2】顯示連結檔案於目前的
【3】以上一層的分割視窗顯示連結檔案
【4】以全視窗顯示連結檔案
【5】以特定視窗顯示連結檔案 --＜a href="url" ＞
frame
一、分割視窗指令 ＜frameset＞..........＜/frameset＞
【1】垂直（上下）分割 -- rows
＜frameset rows=#＞ #號可為點數：如欲分割為100,200,300三個視窗，則
＜frameset rows=100,200,300＞；亦可以*號代表，如＜frameset rows=*,500,*＞
百分比：如＜frameset rows=30%,70%＞，各 項總和最好為100%
【2】水平（左右）分割 -- cols ＜frameset cols=點數或百分比＞
二ⅱ指定視窗內容 -- ＜frame＞
＜frameset cols=30%,70%＞ ＜frame＞ ＜frame＞ ＜/frameset＞
【1】指定視窗的檔名稱 -- src ＜frame src=html檔名＞
【2】定義視窗的名稱 -- name
＜frame name=視窗名稱＞
【3】設定檔案與上下邊框的距離 -- marginheight
＜frame marginheight=點數＞
【4】設定檔案與左右邊框的距離 -- marginwidth
＜frame marginwidth=點數＞
【5】設定分割視窗卷軸 -- scrolling
＜frame scrolling=#＞ #號可為 yes：固定出現卷軸
no：不出現卷軸 auto：自動判斷檔案大小需不需要卷軸（預設值）
【6】鎖住分割視窗的大小 -- noresize ＜frame noresize＞
小說的基本結構是什麼,文學的基本結構是什麼
的情節是由特定的情節單元或敘事單元構成的。不同的 篇章,其情節單元的構成方式是不同的,從而形成了不同的情節結構型別,不同的情節結構型別有不同的敘述特點和審美功能。從對中外 創作的研究中,我們發現 情節結構的基本型別有6種,即線狀結構 網狀結構 畫面結構 象徵結構 寫實結構 散文結構。下面,讓我們對這...
網頁設計什麼英文字型好看，Html網頁英文要用什麼字型？
所用的字型就是國外 設計師經常用的一些英文 字型。國內做的英文 是大多數給老外看的，進入 的第一眼就是字型，符合經常看的英文 字型，就有興趣看下去，比如中文經常用到的 宋體，楷體。而外國人習慣看到的字型則是tahoma arial verdana，有時候也用times new roman。一般來說，...
HTML網頁如何限制使用者必須用指定的瀏覽器訪問
設定user agent 在網頁上的指令碼中用windows.external呼叫你對dom的擴充套件來檢查.http協議是可以說明瀏覽器與系統型別的，你可以讓你自己的瀏覽器傳送一個特殊的值，然後在伺服器端的指令碼判斷這個欄位，如果是其它瀏覽器，就 到錯誤頁面。請問ie8瀏覽器如何禁止訪問某一特定 ...