1.Html介紹
?????? HTML的全稱是--超文本標(biāo)記語言,超級文本標(biāo)記語言是標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用,也是一種規(guī)范,一種標(biāo)準(zhǔn),它一個(gè)標(biāo)記語言通過標(biāo)記符號來標(biāo)記要顯示的網(wǎng)頁中的各個(gè)部分。網(wǎng)頁文件本身是一種文本文件, HTML主要控制網(wǎng)頁的內(nèi)容,通過在文本文件中添加標(biāo)記符,可以告訴瀏覽器如何顯示其中的內(nèi)容(如:文字如何處理,畫面如何安排,圖片如何顯示等)。瀏覽器按順序閱讀網(wǎng)頁文件,然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容,對書寫出錯(cuò)的標(biāo)記將不指出其錯(cuò)誤,且不停止其解釋執(zhí)行過程,編制者只能通過顯示效果來分析出錯(cuò)原因和出錯(cuò)部位。但需要注意的是,對于不同的瀏覽器,對同一標(biāo)記符可能會有不完全相同的解釋,因而可能會有不同的顯示效果。
2.CSS概述
CSS全稱---層疊樣式表。使用HTML可以設(shè)置網(wǎng)頁中的內(nèi)容(標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)應(yīng)用)等文件樣式的計(jì)算機(jī)語言,那么使用CSS就可以進(jìn)一步裝飾這些內(nèi)容,字體顏色,或是改變圖片的尺寸等等.
3.html常用元素

4.標(biāo)題標(biāo)簽
<h1>一級標(biāo)題標(biāo)簽</h1><h2>二級標(biāo)題標(biāo)簽</h2><h3>三級標(biāo)題標(biāo)簽</h3>
<h4>四級標(biāo)題標(biāo)簽</h4><h5>五級標(biāo)題標(biāo)簽</h5><h6>六級標(biāo)題標(biāo)簽</h6>
5.段落標(biāo)簽
<P></P>
6.列表標(biāo)簽
網(wǎng)頁中的列表是非常常見的,HTML中的列表包括有序列表,無序列表,描述列表,這里我們只例舉無序列表,在后續(xù)的開發(fā)中,我們也幾乎都是在使用無序列表。
<h1>你喜歡的水果是什么?</h1><ul><li>香蕉</li><li>蘋果</li><li>鴨梨</li></ul>
ul標(biāo)簽可以表示無序列表,列表中的元素用li標(biāo)簽表示,這里需要注意的是:
li標(biāo)簽一定要寫在列表之中,不能單獨(dú)使用;
ul標(biāo)簽內(nèi)只存放li標(biāo)簽,不要把其他標(biāo)簽也放入ul當(dāng)中(如果需要在列表中添加圖片或鏈接,可以寫在li中,而不是ul中);
7。超鏈接標(biāo)簽
網(wǎng)頁中的超鏈接用a標(biāo)簽
<a >跳轉(zhuǎn)到百度</a>
關(guān)于href屬性的值有示例代碼中的三種設(shè)置方式,
跳轉(zhuǎn)到其他網(wǎng)站,網(wǎng)址前要寫http://或https://
跳轉(zhuǎn)到當(dāng)前網(wǎng)站(或本機(jī)文件),可以直接填寫相對路徑或絕對路徑。
可以通過設(shè)置錨點(diǎn)的方式(#),讓網(wǎng)頁跳轉(zhuǎn)到當(dāng)前頁面的指定位置。
8.圖片標(biāo)簽
網(wǎng)頁中的圖片可以使用img標(biāo)簽
<img? src="images/logo.png"alt="文件無法顯示">
兩個(gè)重要的屬性:
路徑分為絕對路徑和相對路徑。
相對路徑就是:指目標(biāo)相對于當(dāng)前文件的路徑,網(wǎng)頁結(jié)構(gòu)設(shè)計(jì)中多采用這種方法來表示目標(biāo)的路徑。
絕對路徑:是指完整的網(wǎng)址
alt屬性中可以設(shè)置文本,當(dāng)圖片無法正常顯示的時(shí)候,圖片位置會顯示alt屬性中的文本信息。
9.div
div標(biāo)簽在網(wǎng)頁中沒有明確的語義,可以說它是一個(gè)【無語義標(biāo)簽】,div標(biāo)簽常常用來作為一個(gè)容器存放其他標(biāo)簽,
是一個(gè)很重要的布局工具.
<div>這是一個(gè)容器</div>
10.span
span標(biāo)簽與div標(biāo)簽類似,同樣是一個(gè)【無語義標(biāo)簽】,通常用來存放文本內(nèi)容。
<h1>我最新歡的顏色是<span>藍(lán)色</span></h1>
如果需要單獨(dú)設(shè)置文字的樣式,又沒有什么特別的語義,那么就需要用到span標(biāo)簽。
11.id class
<div id="top">id屬性就是標(biāo)簽的身份證</div>
<div class="box">class屬性可以給標(biāo)簽分類</div>
id屬性就像標(biāo)簽的身份證一樣,不能重復(fù),唯一的id.
class屬性可以將HTML標(biāo)簽分類,我們可以通過box屬性找到所有class值為box的HTML標(biāo)簽。