如果你要制作網(wǎng)站的話,學習HTML是不可避免的。即使你用Dreamweaver等工具來制作網(wǎng)站,了解基本的HTML知識也會令你在網(wǎng)站制作過程中倍感輕松,并有利于制作出更好的網(wǎng)站。
本篇我們將要學習HTML的重要成分——元素(element)。元素用于結構化HTML文檔,并告知瀏覽器如何呈現(xiàn)網(wǎng)頁。一般來說,元素由首標簽(start tag)、內(nèi)容(content)和尾標簽(end tag)構成。
1. “標簽”是什么?
標簽(tag)指示元素的起始與結束。
所有標簽都具有相同的格式:以小于號“<”開頭,以大于號“>”結尾。
一般說來,有兩種標簽——首標簽(start tag)(如<html>)和尾標簽(end tag)(如</html>)。它們唯一的區(qū)別在于,尾標簽多一條斜杠“/。你通過把內(nèi)容放在首標簽和尾標簽之間來對內(nèi)容進行標記。
HTML主要就是各種各樣的元素,所以,學習HTML,就是學習使用各種元素。
舉個例子:比如,b元素的作用是,告訴瀏覽器介于標簽<b>和</b>之間的文本應以粗體顯示。(這里的“b”是“粗體(bold)”的意思。)
例1:
<b>這句話顯示為粗體。</b>
該例在瀏覽器中將顯示如下:
h1、h2、h3、h4、h5及h6元素的作用是顯示標題(這里的h是“標題(heading)”的意思)。其中h1是一級標題,字體最大;h2是二級標題,字體比一級標題略??;而h6是六級標題,它是最后一級標題,字體也最小。
例2:
<h1>這是標題</h1>
<h2>這是子標題</h2>
該例在瀏覽器中將顯示如下:
常言道,凡事均有例外。在HTML中,也有例外的情況,即有些元素沒有尾標簽。這些沒有尾標簽的元素被稱作空元素(empty element),它們與具體文本內(nèi)容無關,比如像下面這個換行標簽:<br />。
2. 標簽中的字母應該大寫還是小寫?
大多數(shù)瀏覽器不介意標簽是大寫還是小寫,或者混合大小寫。所以<HTML>、<html>或<HtMl>在瀏覽器上的顯示效果都一樣。但是,正確的寫法是采用小寫字母來書寫標簽。所以,要養(yǎng)成用小寫字母書寫標簽的習慣。
3. 把標簽放在哪里?
你應該在HTML文檔里書寫標簽。一個網(wǎng)站可能包含多個HTML文檔。上網(wǎng)的過程,其實就是打開不同HTML文檔的過程。
C語言網(wǎng)提供由在職研發(fā)工程師或ACM藍橋杯競賽優(yōu)秀選手錄制的視頻教程,并配有習題和答疑,點擊了解:
一點編程也不會寫的:零基礎C語言學練課程
解決困擾你多年的C語言疑難雜癥特性的C語言進階課程
從零到寫出一個爬蟲的Python編程課程
只會語法寫不出代碼?手把手帶你寫100個編程真題的編程百練課程
信息學奧賽或C++選手的 必學C++課程
藍橋杯ACM、信息學奧賽的必學課程:算法競賽課入門課程
手把手講解近五年真題的藍橋杯輔導課程