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