每節(jié)5分鐘的入門HTML+CSS教程 - 第一節(jié)
時間：2023-09-04 07:06:01 | 來源：網(wǎng)站運營
時間：2023-09-04 07:06:01 來源：網(wǎng)站運營
每節(jié)5分鐘的入門HTML+CSS教程 - 第一節(jié)：無論是剛剛踏出校門的學生，還是正在自學UI設計的平面設計師們，代碼一直都是藝術行業(yè)很多新人的噩夢，只要一看一大堆符號和代碼，就讓人頭疼不已，完全提不起學下去的勇氣。沒關系，這篇教程就是寫給郁悶的你的。
首先，讓我們對要學習的這門語言有一個基本印象。
所謂HTML+CSS，就是用一些符號來標記一段話，而這些符號代表著不同的外觀。把這些話連帶符號存成一個文件，這個文件就叫做網(wǎng)頁，可以通過網(wǎng)址來打開。
當我們打開網(wǎng)頁時，瀏覽器會把這段話
按符號注明的的樣式顯示出來。Y總是個好同志。
<標題> Y總是個好同志。</標題>
標題 {顏色:紅色;}
上面這段代碼，輸出的結果就是紅色的“Y總是個好同志”
這段代碼里，已經(jīng)完整的包含了整個HTML和CSS的語法和思想。搞懂上面這段代碼，你就搞懂了HTML+CSS了。
在HTML中，標記由<>開始，</>結束。這個標記有兩個功能，被稱為標簽：
第一，告訴電腦，這段內(nèi)容屬于什么類型。（又叫做語義，可以被搜索引擎和其他程序使用。）
第二，告訴電腦，從哪里開始應用符號注明的樣式，到哪里結束。
HTML的英文全名叫做hyper text markup language，即超文本標記語言。而
標題 {顏色:紅色;}這段，就叫做CSS。
它固定由一個名稱，一個大括號，和大括號中的“形容詞”組成。
其中
標題叫做選擇器，它直接連接HTML的標記（標簽）。
顏色:紅色；{}是固定不變的，和: ;一樣，都是固定格式，絕對不可以寫錯。
因為電腦其實是文盲。是不是很簡單？
HTML中有很多標簽，當然不是用中文寫的，如：
段落<p>用于標記正文，大串的文字。
標題<h>用于標記標題，有<h1><h2>…直至<h6>。
鏈接<a>用于標記超鏈接，就是點擊后可以跳轉(zhuǎn)網(wǎng)址。
列表<ul>用于標記列表，如導航列表。
列表元素<li>用于標記列表中的元素。
塊元素<div> 也就是頁面中的方塊。
最后我們需要知道的是，因為有時候我們要給一段文字很多樣式，所以標簽會互相包圍，極易看串看錯。
所以經(jīng)常會這樣寫：
<div>
<ul>
<li>導航1</li>
<li>導航2</li>
<li>導航3</li>
</ul>
<h>這里是標題</h>
<p>這里是內(nèi)容</p>
<a>返回主頁</a>
</div>
這種寫法叫做縮進，用對其的方式幫助我們不要弄錯標簽的成對關系。
好，第一節(jié)就到這里，同學們，下課！
對了，作業(yè)：
請訪問
http://w3school.com.cn，自行了解以上幾個標簽的用法。
下節(jié)課見！
在線咨詢