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