1.Html介紹
?????? HTML的全稱是--超文本標記語言,超級文本標記語言是標準通用標記語言下的一個應用续镇,也是一種規(guī)范渡处,一種標準,它一個標記語言通過標記符號來標記要顯示的網頁中的各個部分辉词。網頁文件本身是一種文本文件, HTML主要控制網頁的內容猾骡,通過在文本文件中添加標記符瑞躺,可以告訴瀏覽器如何顯示其中的內容(如:文字如何處理敷搪,畫面如何安排,圖片如何顯示等)隘蝎。瀏覽器按順序閱讀網頁文件购啄,然后根據標記符解釋和顯示其標記的內容,對書寫出錯的標記將不指出其錯誤嘱么,且不停止其解釋執(zhí)行過程狮含,編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是曼振,對于不同的瀏覽器锁荔,對同一標記符可能會有不完全相同的解釋胁后,因而可能會有不同的顯示效果毅整。
2.CSS概述
CSS全稱---層疊樣式表预侯。使用HTML可以設置網頁中的內容(標準通用標記語言的一個應用)等文件樣式的計算機語言,那么使用CSS就可以進一步裝飾這些內容甲雅,字體顏色解孙,或是改變圖片的尺寸等等.
3.html常用元素
4.標題標簽
<h1>一級標題標簽</h1><h2>二級標題標簽</h2><h3>三級標題標簽</h3>
<h4>四級標題標簽</h4><h5>五級標題標簽</h5><h6>六級標題標簽</h6>
5.段落標簽
<P></P>
6.列表標簽
網頁中的列表是非常常見的,HTML中的列表包括有序列表抛人,無序列表弛姜,描述列表,這里我們只例舉無序列表妖枚,在后續(xù)的開發(fā)中廷臼,我們也幾乎都是在使用無序列表。
<h1>你喜歡的水果是什么绝页?</h1><ul><li>香蕉</li><li>蘋果</li><li>鴨梨</li></ul>
ul標簽可以表示無序列表荠商,列表中的元素用li標簽表示,這里需要注意的是:
li標簽一定要寫在列表之中续誉,不能單獨使用;
ul標簽內只存放li標簽莱没,不要把其他標簽也放入ul當中(如果需要在列表中添加圖片或鏈接,可以寫在li中屈芜,而不是ul中);
7郊愧。超鏈接標簽
網頁中的超鏈接用a標簽
<a >跳轉到百度</a>
關于href屬性的值有示例代碼中的三種設置方式,
跳轉到其他網站井佑,網址前要寫http://或https://
跳轉到當前網站(或本機文件),可以直接填寫相對路徑或絕對路徑。
可以通過設置錨點的方式(#)眠寿,讓網頁跳轉到當前頁面的指定位置躬翁。
8.圖片標簽
網頁中的圖片可以使用img標簽
<img? src="images/logo.png"alt="文件無法顯示">
兩個重要的屬性:
路徑分為絕對路徑和相對路徑。
相對路徑就是:指目標相對于當前文件的路徑盯拱,網頁結構設計中多采用這種方法來表示目標的路徑盒发。
絕對路徑:是指完整的網址
alt屬性中可以設置文本例嘱,當圖片無法正常顯示的時候,圖片位置會顯示alt屬性中的文本信息宁舰。
9.div
div標簽在網頁中沒有明確的語義拼卵,可以說它是一個【無語義標簽】,div標簽常常用來作為一個容器存放其他標簽蛮艰,
是一個很重要的布局工具.
<div>這是一個容器</div>
10.span
span標簽與div標簽類似腋腮,同樣是一個【無語義標簽】,通常用來存放文本內容壤蚜。
<h1>我最新歡的顏色是<span>藍色</span></h1>
如果需要單獨設置文字的樣式即寡,又沒有什么特別的語義,那么就需要用到span標簽袜刷。
11.id class
<div id="top">id屬性就是標簽的身份證</div>
<div class="box">class屬性可以給標簽分類</div>
id屬性就像標簽的身份證一樣聪富,不能重復,唯一的id.
class屬性可以將HTML標簽分類,我們可以通過box屬性找到所有class值為box的HTML標簽著蟹。