1、網(wǎng)頁(yè)有那些部分組成:
文字、圖像、鏈接等元素組成,還包括音頻,視頻flash等組成。
2、常見(jiàn)的瀏覽器:ie、火狐、Chrome、edge,Opera瀏覽器、Safari、
3、web標準三層組成:結構(網(wǎng)頁(yè)元素進(jìn)行整理和分類(lèi),主要是html),表現(設置網(wǎng)頁(yè)元素的版式顏色大小外觀(guān)樣式,主要是指css),行為(網(wǎng)頁(yè)模型定義及交互的編寫(xiě),主要是學(xué)javascript)
4、html的認識:
html是超文本語(yǔ)言,用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言
html不是編程語(yǔ)言,而是一種標記語(yǔ)言
標記語(yǔ)言是一套標記標簽
標簽有自己的語(yǔ)法規范,要放在<>
黑馬程序員視頻庫有免費的課程,還有課件和源碼什么的。你可以去找一下。 非常適合入門(mén)。
HTML是目前最流行的網(wǎng)頁(yè)制作語(yǔ)言。互聯(lián)網(wǎng)中的網(wǎng)頁(yè)大多數都是使用HTML格式展示在瀏覽者面前的。隨著(zhù)Web 2.0概念的提出,要求網(wǎng)頁(yè)具有更好的擴展性和用戶(hù)體驗,這使得CSS樣式表在網(wǎng)頁(yè)設計中變得越來(lái)越重要。為了能讓廣大的網(wǎng)頁(yè)制作者快速地掌握網(wǎng)頁(yè)制作的技巧和方法,本書(shū)的第一部分以語(yǔ)法和實(shí)例相結合的形式詳細講解了HTML語(yǔ)言中各個(gè)元素及其屬性的作用、語(yǔ)法和顯示效果。第二部分從CSS基本概念開(kāi)始,分別講解了CSS盒模型和定位屬性,CSS控制各種元素顯示的方法,CSS布局頁(yè)面的技巧等知識。最后一部分為了增強讀者的實(shí)戰能力,以個(gè)人博客制作的形式詳細為讀者演示了使用HTML和CSS制作頁(yè)面的過(guò)程。為了便于理解,本書(shū)對所講解的每個(gè)元素和屬性,都做了實(shí)例演示。
為了方便讀者學(xué)習,書(shū)中光盤(pán)提供了豐富的內容,包括全書(shū)的多媒體視頻演示、全書(shū)的電子教案、900多頁(yè)的電子資料以及書(shū)中講解的源代碼等內容。對于每章后面的習題,筆者都給了相應的解答。
本書(shū)分為3篇,共20章,從HTML使用的基本內容和概念講起,循序漸進(jìn)地講解了HTML和CSS的相關(guān)知識、各種元素和屬性的使用方法以及各種技巧等。其中每個(gè)部分的主要內容如下所示。
第一篇(第1章~第10章)HTML的相關(guān)概念。
詳細講述了HTML的各種概念和相關(guān)內容。首先介紹了HTML的基礎知識,接著(zhù)詳細講解了HTML的頁(yè)面基本元素、文本和段落元素、列表元素、圖像元素、表格元素、超鏈接元素、表單元素、框架元素等知識。
第二篇(第11章~第19章)CSS的相關(guān)概念。
首先講述了CSS布局中的各種概念和相關(guān)內容。其中包括CSS的概念、結構和表現分離的原理和優(yōu)點(diǎn)、XHTML的基礎知識、CSS的基本語(yǔ)法和使用方式等。接著(zhù)講述了CSS盒模型和塊元素的定位。包括CSS中盒模型的構成,塊元素與內聯(lián)元素的分類(lèi),以及使用各種屬性控制塊元素的位置和顯示方式等。最后講述了CSS控制元素顯示效果和布局頁(yè)面的方法。
第三篇(第20章)實(shí)戰篇。
講解了實(shí)際開(kāi)發(fā)中,使用HTML和CSS代碼的技巧。其中包括實(shí)際站點(diǎn)的建立、站點(diǎn)結構的規劃、頁(yè)面實(shí)例每個(gè)部分的制作過(guò)程等幾個(gè)內容。通過(guò)本章的學(xué)習,可以最終運用可視化的開(kāi)發(fā)軟件,結合本書(shū)中講解的各種知識,完整地掌握頁(yè)面制作的方法。
html css基礎教程歸納如下:
第1、Html介紹
本章節主要講解html和css樣式的關(guān)系,以及html標簽、html文件結構、head標簽,最后講解了在html中的注釋代碼的作用。
第2、認識標簽(第一部分)
學(xué)完這一章節將對標簽的使用有了一些初步的認識,可以使用標簽制作出一篇簡(jiǎn)單的文章網(wǎng)頁(yè)。下一章節將進(jìn)一步學(xué)習另外一部分html標簽。
第3、認識標簽(第二部分)
本章節主要講解列表、div及table標簽使用,學(xué)完本章,可以在網(wǎng)頁(yè)上展示一些信息列表及表格數據,使網(wǎng)頁(yè)上的信息更加豐富
第4、認識標簽(第三部分)
本章節主要講解超鏈接標簽、鏈接地址及圖片標簽,學(xué)習完這一章節可以把分散的單獨的網(wǎng)頁(yè)用鏈接標簽有效的組織起來(lái),達到網(wǎng)頁(yè)之間可以相互跳轉的作用。
第5、與瀏覽者交互,表單標簽
每天都在網(wǎng)上沖浪,如果沒(méi)有表單,人們就無(wú)法輸入自己的個(gè)人信息來(lái)買(mǎi)東西,本章節主要從表單的作用、表單元素講起,學(xué)習完本章,可以制出簡(jiǎn)單的用戶(hù)登陸、注冊頁(yè)面。
第6、開(kāi)始學(xué)習CSS,為網(wǎng)頁(yè)添加樣式
CSS是一個(gè)很神奇的東西,設計者可以通過(guò)修改樣式表的定義而使網(wǎng)頁(yè)呈現出完全不同的外觀(guān)。本章就開(kāi)始帶領(lǐng)大家來(lái)學(xué)習CSS樣式:先來(lái)認識CSS樣式、了解CSS樣式的優(yōu)勢、最后講解CSS代碼語(yǔ)法和CSS注釋代碼。
第7、CSS樣式基本知識
這一章節主要講解與CSS樣式相關(guān)的基礎知識:CSS樣式的位置及相關(guān)的優(yōu)先級,為后面的CSS樣式具體學(xué)習打下基礎。
第8、CSS選擇器
本章主要介紹CSS的選擇器,通過(guò)學(xué)習本章,能對元素進(jìn)行樣式的設置
第9、CSS的繼承、層疊和特殊性
CSS中有一些概念是需要深刻理解的,此節開(kāi)始將介紹CSS中的一些非常重要的概念包括CSS的繼承、層疊和特殊性。
第10、CSS格式化排版
本章將詳細介紹網(wǎng)頁(yè)排版中主要格式化要素,幫助讀者把CSS技術(shù)與網(wǎng)頁(yè)編排緊密結合在一起,實(shí)現網(wǎng)頁(yè)實(shí)用性與欣賞性相結合,實(shí)現出設計效果。
第11、CSS盒模型
盒模型是CSS布局的基石,它規定了網(wǎng)頁(yè)元素如何顯示以及元素間相互關(guān)系。本章將圍繞盒模型的概念、結構、尺寸等基礎知識展開(kāi)研究,以便為后面的學(xué)習和日后網(wǎng)頁(yè)設計奠定扎實(shí)的基礎。
第12、CSS布局模型
現在可以用所需的知識進(jìn)行真正設計了,學(xué)習完本章節可以運用所學(xué)習的知識實(shí)現網(wǎng)頁(yè)的多列布局,本章將圍繞流動(dòng)模型、浮動(dòng)模型、層布局模型等布局技術(shù)展開(kāi)研究,以便為后面制作復雜的網(wǎng)頁(yè)打下基礎。
第13、CSS代碼縮寫(xiě),占用更少的帶寬
雖然CSS文件或者嵌入的CSS都純文本文件,為了減少css樣式代碼的編寫(xiě)量,代碼縮寫(xiě)是很有必要的。這樣可以使用戶(hù)訪(fǎng)問(wèn)網(wǎng)頁(yè)的時(shí)候占用更少的帶寬。
第14、單位和值
本章節對單位如顏色的單位和值等時(shí)行詳細講解。
第15、css樣式設置小技巧
本章節對在日常前端開(kāi)發(fā)中常用到css樣式設置小技巧進(jìn)行了講解。
1、<body>
<ul><li type=circle><a name="#web1">;第一章 HTML基礎知識</a></ul>
<ul><li type=dise>HTML語(yǔ)言的特點(diǎn)
<li type=dise>HTML語(yǔ)言的功能
<li type=dise>HTML語(yǔ)言的結構</ul>
2、<html>
<head>
<title>;無(wú)標題文檔</title>
</head>
<body>
<ol 1><li><a href="./1.1.html#web1">;第一章</a>
把<a name="./1.1.html#web1">;改成<a name="#web1">;這個(gè)就可以了
基礎是的先學(xué)好HTML。CSS ,Javascript ,jQuery。
其中HTML5主要是要HTML控件+Javascript的腳本程序。
建議先去學(xué)好Html CSS和JavaScript(通常是一起的),然后再看HTML5。這類(lèi)書(shū)籍還是很多的,而且大都大同小異。
重要的是Html5 有2D 繪圖的 Canvas 對象 非常炫
還有瀏覽器建議使用firefox,裝個(gè)firebug控件,會(huì )對你調試代碼時(shí)有很大幫助!
這種樣式表就不單獨寫(xiě)了直接放進(jìn)去了!
<html>
<head><title>;點(diǎn)歌超鏈接<title>
<style type="text/css">
a {
text-decoration:none; /*去除超鏈接的下劃線(xiàn),要是想保留就把這行代碼刪除!*/
color:red; /*設置超鏈接原本的字體為紅色,也就是沒(méi)有訪(fǎng)問(wèn)過(guò)的超鏈接字體顏色*/
}
a:active {
color:blue; /*被訪(fǎng)問(wèn)過(guò)的超鏈接中字體的顏色為藍色*/
}
a:hover {
color:yello; /*鼠標經(jīng)過(guò)時(shí)候字體顏色變?yōu)辄S色,不需要可以刪除這行代碼*/
}
</style>
</head>
<body>
<a href="在這里添加點(diǎn)歌表網(wǎng)頁(yè)連接地址" target="_blank">;點(diǎn)歌</a>
</body>
</html>
程序猿學(xué)習就是要多寫(xiě),不斷的寫(xiě),不斷的熟悉,能看到不同的效果。。但不一定要死記硬背,熟悉就好。下面是一點(diǎn)資料。希望能幫上你。
HTML基本概念
1、標記
HTML用于描述功能的符號稱(chēng)為“標記”。如“HTML”、“BODY”、“TABLE”等。標記在使
用是必須用方括號“<>;”括起來(lái),而且是成對出現,無(wú)斜杠的標記表示該標記的作用開(kāi)始,有斜杠的標記表示該標記的作用結束。
如<TABLE>;表示一個(gè)表格的開(kāi)始,</TABLE>;表標一個(gè)表格的結束。在HTML中,標記的大小寫(xiě)作用相同,
如<TABLE>;和<TABLE>;都是表示一個(gè)表格的開(kāi)始。
標記可以包含標記,如:表格中包含表格或其它標記,如下面這樣的HTML代碼結構是正確的:
<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、特殊字符
由于方括號和英文雙引號被用來(lái)提示HTML的標記及參數值,那么在網(wǎng)頁(yè)中要顯示方括號和英文引號只能用其它的符號來(lái)代替,下面是常見(jiàn)特殊字符所代表的正常字符:
<;或<;對應字符 <
>;或>;對應字符 >
"或"——對應字符 "
à——對應字符 A
3、語(yǔ)法
一個(gè)標記,為了明確它的功能,往往用一些屬性參數來(lái)描述,對這些屬性參數的規定上就是所謂的語(yǔ)法,例如:段落標記<P>;,它的語(yǔ)法格式是:
<P
ALIGN=LEFT|CENTER|RIGHT
CLASS=TYPE>
這就說(shuō)明<P>;標記有兩個(gè)屬性參數,即“ALIGN”和“CLASS”,其中“ALIGN”用于定義段的位置是靠左、靠右還是居中。默認值
是靠左。而“CLASS ”則是定義所屬的類(lèi)型。在實(shí)際應用時(shí)當然可以沒(méi)有“ALIGN”和“CLASS”參數,按照默認情況顯示,這一點(diǎn)非常重要,這是
們判斷無(wú)用代碼的主要標準之一,假如在網(wǎng)頁(yè)代碼中有對默認值進(jìn)行描述設置的語(yǔ)句代碼,顯然是無(wú)用的代碼。另外,在設置標記的屬性值時(shí),若是取默認值不影響
效果或影響很少, 們就盡量取默認值,這樣可以不用設置,從而達到減少代碼的目的。
標記參數的具體的值都有要加西文引號,如:要使段落內容居中,正確的寫(xiě)法是這樣的:<P ALIGN="CENTER">;段落內容居中示例</P>
學(xué)好用好HTML語(yǔ)言的關(guān)鍵是靈活應用標記的參數。特別是默認值的應用。
聲明:本網(wǎng)站尊重并保護知識產(chǎn)權,根據《信息網(wǎng)絡(luò )傳播權保護條例》,如果我們轉載的作品侵犯了您的權利,請在一個(gè)月內通知我們,我們會(huì )及時(shí)刪除。
蜀ICP備2020033479號-4 Copyright ? 2016 學(xué)習?shū)B(niǎo). 頁(yè)面生成時(shí)間:3.079秒