壹.壹般格式
& 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。