當前位置:編程學習大全網 - 源碼下載 - 妳能詳細解釋壹下如何制作網頁嗎?

妳能詳細解釋壹下如何制作網頁嗎?

HTML網頁制作

壹.壹般格式

& lthtml & gt

& lthead & gt

……

& lt/head & gt;

& ltbody & gt

……

& lt/body & gt;

& lt/html & gt;

網頁或主頁的擴展名是。htm或者。html。

URL:通用資源定位點

基本格式:如何://世衛組織/哪裏/什麽

如何:網絡協議,如HTTP FTP RTSP PNM彩信MMST。

www.sohu.com域名IP地址等世衛組織電腦名稱。

其中:計算機上位置

什麽:網頁名稱

二、HTML的基本語法

1,馬克

& lt標記>文本

比如:

2.標簽屬性:壹些屬性可以定制。

比如:

3.主題標記

& lt身體

Background="URL "背景圖案

Bgcolor =顏色背景色

Bgproperties =修復了當網頁滾動時,背景圖案不滾動的問題。

Leftmargin=n左邊距

Link=color超鏈接顏色

Alink = colorHyperlink選中時的顏色。

Text=color文本顏色

上邊距=n上邊距

Vlink=color訪問過的超鏈接的顏色。

& gt

第三,編輯網頁的文本

1,分割段落

& ltp ALIGN = " alignment attribute " >……& lt;/P & gt;

對齊屬性:左右居中

& ltBr & gt

attribute:clear = " attribute value "(right left all)文本停止圍繞圖像旋轉。

& ltnobr & gt……& lt;/nobr & gt;不換行

2.插入標題

& lth?& gt……& lt;/H?& gt?:1-6

諸如

& lttitle & gt……& lt;/title & gt;用在head中,表示文件標題。

3.使用鏈接

& ltA Href ="URL " >鏈接源

URL:HTML文件,圖形文件,文本文件,聲音文件,

電影文件,URL(需要添加元素& gt……& lt;/comment & gt;

8.映射區域(用於圖片)

& ltMap name= "region name " >

& ltarea shape="…" coords=" …,…,…" href = "……" & gt;

……

& ltarea shape="…" coords=" …,…,…" href = "……" & gt;

& lt/map & gt;

& ltImg src="…" usemap="# region name " >

形狀:區域形狀,如矩形、圓形、多邊形。

Coords:獲取該區域的坐標值。

如果形狀是矩形,則取左上角和右下角的坐標。

如果形狀是圓形,取圓心坐標和半徑。

如果形狀是多邊形每個頂點坐標

Href:單擊該區域後的URL。

9、插入描述語言

& lt腳本語言=…src =…& gt;& lt/script & gt;

Src表示腳本程序所在的文件。

& lt小程序……& gt;插入java小程序

& lt對象……& gt;嵌入壹些控件對象

& ltparam……& gt;指定程序的參數

第四,裝飾網頁

1,標題屬性

& lth?Align= "alignment attribute " >標題內容

左右居中

2.文本字體

壹、字體大小屬性

基本字體大小:

& ltfont size = n & gt……& lt;/font & gt;

+n:增加數字n。

-n:減少數字n。

數字n

b、顏色屬性

& ltBody text = " # RRGGBB " & gt

& ltFont color = " # RRGGBB " & gt……& lt;/Font & gt;

c、字體屬性

& ltFont face= "宋體,隸書,時代" & gt……& lt;/Font & gt;

d、文字修改

& ltB& gt;……& lt;/B& gt;過度擊打

& ltSTRONG & gt……& lt;/STRONG & gt;突出顯示(粗體)

& lt我& gt……& lt;/I & gt;傾斜的

& ltEM & gt……& lt;/EM & gt;突出(傾斜)

& ltU & gt……& lt;/U & gt;強調

& ltTT & gt;……& lt;/TT & gt;打字機字體

& ltSUP & gt……& lt;/SUP & gt;上標

& ltSUB & gt……& lt;/SUB & gt;下標

& ltBIG & gt……& lt;/BIG & gt;單詞放大

& ltSMALL & gt……& lt;/SMALL & gt;單詞縮減

& lt罷工& gt……& lt;/STRIKE & gt;描繪

特殊字符

字符參考:基本形式“數字”

實體和引用:基本形式" &;英文字母"

“& ampquot "

& amp& ampamp & amp

& amp英鎊英鎊

& amp復制版權

& amp註冊商標

& amp加號或減號

& ampSup2上標2

& ampFrac14季度

& ampFrac12壹半

分裂的跡象

3.插入壹條水平線

& ltHR Width = x & gt

& ltHR寬度= x % & gt

& ltHR Size=n>。

& ltHR Align = x & gtx:左、右、中間

& ltHR Noshade & gt

動詞 (verb的縮寫)目錄

1,號碼列表

& ltOL & gt

& lt李& gt…

& lt李& gt…

……

& lt李& gt…

& lt/OL & gt;

& ltLI VALUE = " n " & gtN: 1-N適用於此項目及其後續項目。

& ltLI Type = X & gtX: A,A,I,I,1配對壹個條目。

& ltOL type = X & gtX: A,A,I,I,1為全列表。

& ltOL start = " n " & gtn:1 - n

2.沒有編號列表

& ltUL & gt;

& lt李& gt…

& lt李& gt…

……

& lt李& gt…

& lt/UL & gt;

& ltLI Type = x & gtx:圓盤形、圓形、方形

3.定義列表(前面沒有任何符號)

& ltDL & gt

& ltDD & gt…

& ltDD & gt…

……

& lt/DD & gt;

& lt/DL & gt;

& ltDT & gt定義術語(左側)

& ltDD & gt定義內容(在右側)

4.列表嵌套

各種列表的嵌套標簽不能交錯。

六、表格的使用

1,創建壹個表:

步驟:(1)創建壹行。

(2)將行分成多列

(3)將數據插入到形成的單元中

& lt表& gt

& ltTR & gt

& ltTD & gt……& lt;/TD & gt;

& ltTD & gt……& lt;/TD & gt;

……

& ltTD & gt……& lt;/TD & gt;

& lt/TR & gt;

& ltTR & gt

& ltTD & gt……& lt;/TD & gt;

& ltTD & gt……& lt;/TD & gt;

……

& ltTD & gt……& lt;/TD & gt;

& lt/TR & gt;

& lt/table & gt;

多行

& lt表格邊框& gt

& ltTR & gt

& ltTD & gt……& lt;/TD & gt;

& ltTD & gt……& lt;/TD & gt;

……

& ltTD & gt……& lt;/TD & gt;

& lt/TR & gt;

& ltTR & gt

& ltTD & gt……& lt;/TD & gt;

& ltTD & gt……& lt;/TD & gt;

……

& ltTD & gt……& lt;/TD & gt;

& lt/TR & gt;

& ltTR & gt

& ltTD & gt……& lt;/TD & gt;

& ltTD & gt……& lt;/TD & gt;

……

& ltTD & gt……& lt;/TD & gt;

& lt/TR & gt;

& lt/table & gt;

2.裝飾頁眉

& ltTR & gt

& ltTH & gt……& lt;/TH & gt;標題的中心以粗體顯示。

& ltTH & gt……& lt;/TH & gt;

……

& ltTH & gt……& lt;/TH & gt;

& lt/TR & gt;

3.表格標題

& ltCaption Align = Where & gt標題內容

其中:底部、頂部

可以放在

4.對齊表格內容

& ltTD Align = X & gtx:左、右和中心水平對齊。

& ltTD Valign=X>。x:頂部、底部和中間垂直對齊。

5.合並等級和等級

& ltTD Rowspan=Rows>。Rows:合並的行數,即在同壹列中合並的行數。

& ltTD Colspan=Cols>。Cols:合並列數,即行業內合並。

6.表格屬性

A.邊框大小:

B.表格寬度:

c、表格背景顏色和背景圖片

& lt表格bgcolor =…& gt;

& lt表格背景=…& gt;

d、線的屬性

& lttr align=…>左、右、中間

& lttr valign=…>頂部、中間、底部

& lttr bgcolor =…& gt;

& lttr background =…& gt;

e、細胞特性:

& ltTD height = n & gt單元格高度

& ltTD width = n & gt單元格寬度n和n%(表格寬度)

& lttd bgcolor=…>。

& lttd背景=…& gt;

& lt表格單元格間距= n & gt單元格間距

& lt表格單元格填充= n & gt表格單元格邊緣和內容之間的距離

七。結構

沒有

& lt框式支架

Rows=…垂直方向的幾行,像素,*和百分比都可以用。

Cols=…可以使用水平方向的幾列,像素,*和百分比。

Framespacing= …窗口之間的空間。

border = & gt邊框粗細

& lt設計

Src=URL顯示內容

Name=…命名為

Marginwidth=…左邊距和右邊距

Marginheight=…上下頁邊距

滾動=…是,否或自動,有滾動條嗎?

noresize & gt不調整大小

& ltnoframe & gt…& lt;/no frame & gt;為不支持框架的瀏覽器提供備份文檔。

& lt/frameset & gt;

八、表格技術

1,基本結構

& lt表單& gt……& lt;/form & gt;

& ltform Action = URL Method = Get | Post & gt;

URL:負責處理數據的應用程序的URL。

……

& lt輸入類型=提交& gt表單結果被發送到Web服務器。

& lt輸入類型=重置& gt清除內容後,可以重新輸入。

& lt/form & gt;

2.表單元素

壹、文本和密碼

& ltinput type = " text " name = "…" Maxlength = n

size = n value =…& gt;

Type="text "文本框

name = "…" ASP和CGI程序需要的符號名。

Maxlength=n最大字符數

Size =文本框的大小。

值=…初始值

& ltinput type = " password " name = "…" Maxlength = n

size = n value =…& gt;

Type="password "密碼框

b、多行文本框

& lt文本區域

名稱=…

Rows=…文本區域中的行數。

Cols=…文本區域中的列數

wrap =…& gt;控制虛擬文本換行

身體的

...缺省值

& lt/textarea & gt;

C.復選框

& ltinput type = " checkbox " Name = "…" checked & gt;

選中表示選定的狀態。

d、命令按鈕

& ltinput type = " submit " name =…value =…& gt;

& ltinput type = " reset " name =…value =…& gt;

& ltinput type = " button " name =…value =…& gt;普通按鈕

& ltinput type = " image " src =…name =…& gt;自定義提交按鈕,返回值是當前指針的坐標。

e、隱藏數據

& ltinput type = " hidden " name =…value =…& gt;

單選按鈕

& ltinput type = " radio " Name = "…" checked & gt;

g,列表框

& ltselect name = "…" size = n multiple & gt;

& lt選項& gt……

& lt選擇的選項& gt……

……

& lt/select & gt;

Size=n列表框大小

多重允許多重選擇。

& lt選擇的選項& gt已被選中。

對於其他特定的HTML語言,請參考HTML4開發者參考手冊。

舉個具體的例子,在瀏覽網頁的時候,選擇查看——可以看到源文件。

htm的文件格式是ACSII。您可以使用記事本編輯html網頁文件。只需選擇保存類型為所有文件(*。*)並將擴展名記錄為htm。

  • 上一篇:錢蝌蚪源代碼
  • 下一篇:平臺源代碼編譯
  • copyright 2024編程學習大全網