1、網(wǎng)頁有那些部分組成:
文字、圖像、鏈接等元素組成,還包括音頻,視頻flash等組成。
2、常見的瀏覽器:ie、火狐、Chrome、edge,Opera瀏覽器、Safari、
3、web標準三層組成:結(jié)構(gòu)(網(wǎng)頁元素進行整理和分類,主要是html),表現(xiàn)(設置網(wǎng)頁元素的版式顏色大小外觀樣式,主要是指css),行為(網(wǎng)頁模型定義及交互的編寫,主要是學javascript)
4、html的認識:
html是超文本語言,用來描述網(wǎng)頁的一種語言
html不是編程語言,而是一種標記語言
標記語言是一套標記標簽
標簽有自己的語法規(guī)范,要放在<>
黑馬程序員視頻庫有免費的課程,還有課件和源碼什么的。你可以去找一下。 非常適合入門。
在WWW上的一個超媒體文檔稱之為一個頁面(page)。
作為一個組織或個人在萬維網(wǎng)上放置開始點的頁面稱為主頁Homepage,或首頁,主頁中通常包括有指向其他相關(guān)頁面或其他節(jié)點的指針(超級鏈接)。在邏輯上將視為一個整體的一系列頁面的有機集合稱為網(wǎng)站(Website或Site)。
HTML是一種規(guī)范,一種標準,它通過標記符號來標記要顯示的網(wǎng)頁中的各個部分。網(wǎng)頁文件本身是一種文本文件,通過在文本文件中添加標記符,可以告訴瀏覽器如何顯示其中的內(nèi)容(如:文字如何處理,畫面如何安排,圖片如何顯示等)。
瀏覽器按順序閱讀網(wǎng)頁文件,然后根據(jù)標記符解釋和顯示其標記的內(nèi)容,對書寫出錯的標記將不指出其錯誤,且不停止其解釋執(zhí)行過程,編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是,對于不同的瀏覽器,對同一標記符可能會有不完全相同的解釋 超文本標記語言(15張),因而可能會有不同的顯示效果。
HTML之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。所謂超級鏈接,就是一種URL指針,通過激活(點擊)它,可使瀏覽器方便地獲取新的網(wǎng)頁。
這也是HTML獲得廣泛應用的最重要的原因之一。 網(wǎng)頁的本質(zhì)就是HTML,通過結(jié)合使用其他的Web技術(shù)(如:腳本語言、CGI、組件等),可以創(chuàng)造出功能強大的網(wǎng)頁。
因而,HTML是Web編程的基礎,也就是說萬維網(wǎng)是建立在超文本基礎之上的。 編輯本段語言特點 HTML文檔制作不是很復雜,且功能強大,支持不同數(shù)據(jù)格式的文件鑲?cè)?,這也是WWW盛行的原因之一,其主要特點如下: 1 簡易性,HTML版本升級采用超集方式,從而更加靈活方便。
2 可擴展性,HTML語言的廣泛應用帶來了加強功能,增加標識符等要求,HTML采取子類元素的方式,為系統(tǒng)擴展帶來保證。 3 平臺無關(guān)性。
雖然PC機大行其道,但使用MAC等其他機器的大有人在,HTML可以使用在廣泛的平臺上,這也是WWW盛行的另一個原因。 編輯HTML HTML其實是文本,它需要瀏覽器的解釋,HTML的編輯器大體可以分為三種, 1 基本編輯軟件,使用WINDOWS自帶的記事本或?qū)懽职娑伎梢跃帉?,當然,如果你用WPS來編寫,也可以。
不過存盤時請使用.htm或.html作為擴展名,這樣瀏覽器就可以解釋執(zhí)行了。 2 半所見即所得軟件,這種軟件能大大提高開發(fā)效率,它可以使你在很短的時間內(nèi)做出HOMEPAGE,且可以學習HTML,這種類型的軟件主要有HOTDOG,還有國產(chǎn)的軟件網(wǎng)頁作坊。
3 所見即所得軟件,使用最廣泛的編輯器,完全可以一點不懂HTML的知識就可以做出網(wǎng)頁,這類軟件主要有FRONTPAGE2003,DREAMWEAVER。 編輯本段發(fā)展歷史HTML 超文本標記語言(第一版)——在1993年6月作為互聯(lián)網(wǎng)工程工作小組(IETF)工作草案發(fā)布(并非標準): HTML 2.0——1995年11月作為RFC 1866發(fā)布,在RFC 2854于2000年6月發(fā)布之后被宣布已經(jīng)過時 HTML 3.2——1996年1月14日,W3C推薦標準 HTML 4.0——1997年12月18日,W3C推薦標準 HTML 4.01(微小改進)——1999年12月24日,W3C推薦標準 HTML 5 的第一份正式草案已于2008年1月22日公布,仍繼續(xù)完善 ISO/IEC 15445:2000(“ISO HTML”)——2000年5月15日發(fā)布,基于嚴格的HTML 4.01語法,是國際標準化組織和國際電工委員會的標準。
HTML沒有1.0版本是因為當時有很多不同的版本。有些人認為蒂姆·伯納斯-李的版本應該算初版,這個版本沒有IMG元素。
當時被稱為HTML+的后續(xù)版的開發(fā)工作于1993年開始,最初是被設計成為“HTML的一個超集”。第一個正式規(guī)范為了和當時的各種HTML標準區(qū)分開來,使用了2.0作為其版本號。
HTML+的發(fā)展繼續(xù)下去,但是它從未成為標準。 HTML3.0規(guī)范是由當時剛成立的W3C于1995年3月提出,提供了很多新的特性,例如表格、文字繞排和復雜數(shù)學元素的顯示。
雖然它是被設計用來兼容2.0版本的,但是實現(xiàn)這個標準的工作在當時過于復雜,在草案于1995年9月過期時,標準開發(fā)也因為缺乏瀏覽器支持而中止了。3.1版從未被正式提出,而下一個被提出的版本是開發(fā)代號為Wilbur的HTML 3.2,去掉了大部分3.0中的新特性,但是加入了很多特定瀏覽器,例如Netscape和Mosaic的元素和屬性。
HTML對數(shù)學公式的支持最后成為另外一個標準MathML。 HTML 4.0同樣也加入了很多特定瀏覽器的元素和屬性,但是同時也開始“清理”這個標準,把一些元素和屬性標記為過時的,建議不再使用它們。
HTML的未來和CSS結(jié)合會更好。 HTML 5草案的前身名為Web Applications 1.0。
于2004年被WHATWG提出,于2007年被W3C接納,并成立了新的HTML工作團隊。在2008年1月22日,第一份正式草案發(fā)布。
WHATWG表示該規(guī)范是目前正在進行的工作,仍須多年的努力。 XHTML XHTML 1.0——發(fā)布于2000年1月26日,是W3C推薦標準,后來經(jīng)過修訂于2002年8月1日重新發(fā)布。
XHTML 1.1,于2001年5月31日發(fā)布,W3C推薦標準。 XHTML 2.0,W3C工作草案。
XHTML 5,從XHTML 1.x的更新版,基于HTML 5草案。 編輯本段整體結(jié)構(gòu) 一個網(wǎng)頁對。
程序猿學習就是要多寫,不斷的寫,不斷的熟悉,能看到不同的效果。。但不一定要死記硬背,熟悉就好。下面是一點資料。希望能幫上你。
HTML基本概念
1、標記
HTML用于描述功能的符號稱為“標記”。如“HTML”、“BODY”、“TABLE”等。標記在使
用是必須用方括號“<>;”括起來,而且是成對出現(xiàn),無斜杠的標記表示該標記的作用開始,有斜杠的標記表示該標記的作用結(jié)束。
如<TABLE>;表示一個表格的開始,</TABLE>;表標一個表格的結(jié)束。在HTML中,標記的大小寫作用相同,
如<TABLE>;和<TABLE>;都是表示一個表格的開始。
標記可以包含標記,如:表格中包含表格或其它標記,如下面這樣的HTML代碼結(jié)構(gòu)是正確的:
<TABLE WIDTH="50%" BORDER="10" CELLSPACING="10" CELLPADDING="10">
<TR>
<TD>
<TABLE WIDTH="100%" BORDER="1" CELLSPACING="1" CELLPADDING="1">
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
</TABLE>
</TD>
<TD>
<P> </P>
<P>HJK</P>
<P> </P>
</TD>
<TD> </TD>
</TR>
</TABLE>
但是標記不能交叉嵌套,如下面這樣的代碼是錯誤的:
<DIV><SPAN>;這是不正確的代碼</DIV></SPAN>
2、特殊字符
由于方括號和英文雙引號被用來提示HTML的標記及參數(shù)值,那么在網(wǎng)頁中要顯示方括號和英文引號只能用其它的符號來代替,下面是常見特殊字符所代表的正常字符:
<;或<;對應字符 <
>;或>;對應字符 >
"或"——對應字符 "
à——對應字符 A
3、語法
一個標記,為了明確它的功能,往往用一些屬性參數(shù)來描述,對這些屬性參數(shù)的規(guī)定上就是所謂的語法,例如:段落標記<P>;,它的語法格式是:
<P
ALIGN=LEFT|CENTER|RIGHT
CLASS=TYPE>
這就說明<P>;標記有兩個屬性參數(shù),即“ALIGN”和“CLASS”,其中“ALIGN”用于定義段的位置是靠左、靠右還是居中。默認值
是靠左。而“CLASS ”則是定義所屬的類型。在實際應用時當然可以沒有“ALIGN”和“CLASS”參數(shù),按照默認情況顯示,這一點非常重要,這是
們判斷無用代碼的主要標準之一,假如在網(wǎng)頁代碼中有對默認值進行描述設置的語句代碼,顯然是無用的代碼。另外,在設置標記的屬性值時,若是取默認值不影響
效果或影響很少, 們就盡量取默認值,這樣可以不用設置,從而達到減少代碼的目的。
標記參數(shù)的具體的值都有要加西文引號,如:要使段落內(nèi)容居中,正確的寫法是這樣的:<P ALIGN="CENTER">;段落內(nèi)容居中示例</P>
學好用好HTML語言的關(guān)鍵是靈活應用標記的參數(shù)。特別是默認值的應用。
這些都是HTML中的常用標簽 他們都有特定的定義 沒有英文全名HTML標簽詳解結(jié)構(gòu) 標題 。
.文件內(nèi)容。
. 1.文件標題 。
. 2.文件更新-- 【1】10秒后自動更新一次 【2】10秒后自動連結(jié)到另一文件 3.查詢用表單-- 若欲設定查詢欄位前的提示文字: 4.預設的基準路徑-- 版面 1.標題文字 。
. #=1~6;h1為最大字,h6為最小字 2.字體變化 。
. 【1】字體大小 。
. #=1~7;數(shù)字愈大字也愈大 【2】指定字型 。
. 【3】文字顏色 。
. rr:表紅色(red)色碼 gg:表綠色(green)色碼 bb:表藍色(blue)色碼 3.顯示小字體 。
. 4.顯示大字體 。
. 5.粗體字 。
. 6.斜體字 。
. 7.打字機字體 。
. 8.底線 。
. 9.刪除線 。
. 10.下標字 。
. 11.上標字 12.文字閃爍效果 。
. 13.換行 14.分段 15.文字的對齊方向 #號可為 left:表向左對齊(預設值) center:表向中對齊 right:表向右對齊 P.S.之后的文字都會以所設的對齊方式顯示, 直到出現(xiàn)另一個改變其對齊方向,或遇到 ?標簽時會自動設回預設的向左對齊。 16.分隔線 【1】分隔線的粗細 【2】分隔線的寬度 【3】分隔線對齊方向 #號可為 left:表向左對齊(預設值) center:表向中對齊 right:表向右對齊 【4】分隔線的顏色 【5】實心分隔線 17.向中對齊 。
. 18.依原始樣式顯示 。
. 19.指令的屬性 【1】背景顏色 -- bgcolor 【2】背景圖案 -- background 【3】設定背景圖案不會卷動 -- bgproperties 【4】文件內(nèi)容文字的顏色 -- text 【5】超連結(jié)文字顏色 -- link 【6】正被選取的超連結(jié)文字顏色 -- vlink 【7】已連結(jié)過的超連結(jié)文字顏色 -- alink 20.注解 21.特殊字元表示法 符 號 語 法 > > & & " " 空白   圖片 1.插入圖片 2.設定圖框 -- border 3.設定圖形大小 -- width?height 4.設定圖形上下左右留空 -- vspace?hspace 5.圖形附注 6.預載圖片 P.S.兩個圖的圖形大小最好一致 7.影像地圖(Image Map) 【1】定義形狀 -- shape shape=rect:矩形 shape=circle:圓形 shape=poly:多邊形 【2】定義區(qū)域 -- coords a.矩形:必須使用四個數(shù)字,前兩個數(shù)字為左上角座標,后兩個數(shù)字為右下角座標 例: b.圓形:必須使用三個數(shù)字,前兩個數(shù)字為圓心的座標,最后一個數(shù)字為半徑長度 例: c.任意圖形(多邊形):將圖形之每一轉(zhuǎn)折點座標依序填入 例: 表格 1.定義表格 。
. 【1】設定邊框的厚度 -- border 【2】設定格線的寬度 -- cellspacing 【3】設定資料與格線的距離 -- cellpadding 【4】調(diào)整表格寬度 -- width 【5】調(diào)整表格高度 -- height 【6】設定表格背景色彩 -- bgcolor 【7】設定表格邊框色彩 -- bordercolor 2.顯示格線 3.表格標題 。
. 表格標題位置 -- align #號可為 top:表標題置于表格上方(預設值) bottom:表標題置于表格下方 4.定義列 5.定義欄位 《1》:靠左對齊 《2》:靠中對齊?粗體 【1】水平位置 -- align #號可為 left:向左對齊 center:向中對齊 right:向右對齊 【2】垂直位置 -- align #號可為 top:向上對齊 middle:向中對齊 bottom:向下對齊 【3】欄位寬度 -- width 【4】欄位垂直合并 -- rowspan 【5】欄位橫向合并 -- colspan 清單 一、目錄式清單 項目1 項目2 項目3 P.S.目錄式清單每一個項目不能超過20個字元(即10個中文字) 二、選項式清單 項目1 項目2 項目3 三、有序號的清單 項目1 項目2 項目3 【1】序號形式 -- type 或 #號可為 A:表以大寫英文字母A?B?C?D。
做為項目編號 a:表以小寫英文字母a?b?c?d。做為項目編號 I:表以大寫羅馬數(shù)字做為項目編號 i:表以小寫羅馬數(shù)字做為項目編號 1:表以阿拉伯數(shù)字做為項目編號(預設值) 【2】起始數(shù)字 -- start 【3】指定編號 -- value 四、無序號的清單 項目1 項目2 項目3 【1】項目符號形式 -- type 或 #號可為 disc:實心圓點(預設值) circle:空心圓點 square:實心方塊 【2】原始清單 -- plain 【3】清單排列方式 -- warp 《1》清單垂直排列 《2》清單水平排列 五、定義式清單 項目1 項目1說明 項目2 項目2說明 項目3 項目3說明 緊密排列 -- compact P.S.如此可使的內(nèi)容與的內(nèi)容在同一行,僅 以數(shù)格空白相隔而不換行,但若的文字超過一 定的長度后,compact的作用就消失了! 表單 一、基本架構(gòu) 。
. 。
. 。
. 二、輸入文件型表單 。
. 。
. 【1】欄位類型 -- type #號可為 text:文字輸入 password:密碼 checkbox:多選鈕 radio:單選鈕 submit:接受按鈕 reset:重設按鈕 image:圖形鈕 hidden:隱藏欄位 【2】欄位名稱 -- name P.S.若type為submit?reset則name不必設定 【3】文件上的預設值 -- value 【4】設定欄位的寬度 -- size 【5】限制最大輸入字串的長度 -- maxlength 【6】預設checkbox或radio的初值 -- checked 【7】指定圖形的URL -- src 【8】圖文對齊 -- align #號可為 top:文字對齊圖片之頂端 middle:文字對齊圖片之中間 buttom:文字對齊圖片之底部 三、選擇式表單 。
. 。
. A、的屬性 【1】欄位名稱 -- name 【2】設定顯示的選項數(shù) -- size 【3】多重選項 -- multiple B、的屬性 【1】定義選項的傳回值 -- value 【2】預先選取的選項 -- selected 四、多列輸入文字區(qū)表單 。
. 。
. 。
html元素太多了,沒法都列出來,找個手冊之類的看看就知道了css有3種用法:1:內(nèi)嵌式就是在html標簽增加style屬性比如:content2:頁內(nèi)引用在html文件標簽內(nèi)使用<style type="text/css"></style>標簽內(nèi)部寫css代碼3:外部文件也是在head標簽內(nèi)使用link標簽比如:<link type="text/css" rel="stylesheet" href="css/style.css" />三種用法如果有相同的css樣式會被覆蓋,所以css叫做層疊樣式表1覆蓋2覆蓋3。
聲明:本網(wǎng)站尊重并保護知識產(chǎn)權(quán),根據(jù)《信息網(wǎng)絡傳播權(quán)保護條例》,如果我們轉(zhuǎn)載的作品侵犯了您的權(quán)利,請在一個月內(nèi)通知我們,我們會及時刪除。
蜀ICP備2020033479號-4 Copyright ? 2016 學習鳥. 頁面生成時間:3.535秒