TML(HyperText Markup Language)是一種用于創(chuàng)建網(wǎng)頁的標記語言。它由一系列的標簽組成,這些標簽用于描述網(wǎng)頁的結(jié)構(gòu)和內(nèi)容。HTML標簽通常由尖括號包圍,例如<tag>。
HTML標簽可以分為兩類:塊級元素和內(nèi)聯(lián)元素。塊級元素用于組織網(wǎng)頁的結(jié)構(gòu),例如段落、標題、列表等。內(nèi)聯(lián)元素用于標記文本中的特定部分,例如鏈接、強調(diào)文本等。
HTML標簽可以包含屬性,屬性提供了有關(guān)標簽的額外信息。例如,<a>標簽用于創(chuàng)建鏈接,可以使用href屬性指定鏈接的目標URL。
除了標簽和屬性,HTML還支持一些特殊字符實體,用于表示特殊字符,例如小于號(<)、大于號(>)等。
HTML可以與CSS(層疊樣式表)和JavaScript一起使用,以增強網(wǎng)頁的外觀和功能。CSS用于控制網(wǎng)頁的樣式,例如顏色、字體、布局等。JavaScript用于實現(xiàn)交互性和動態(tài)效果,例如表單驗證、動畫等。
通過使用HTML,開發(fā)人員可以創(chuàng)建具有結(jié)構(gòu)良好、易于理解和導航的網(wǎng)頁。它是構(gòu)建互聯(lián)網(wǎng)的基礎(chǔ)之一,被廣泛應用于網(wǎng)站開發(fā)和內(nèi)容管理系統(tǒng)。
HTML的語法由標簽、屬性和內(nèi)容組成。下面是HTML的基本語法規(guī)則:
下面是一個簡單的HTML示例:
<!DOCTYPE html>
<html>
<head>
<title>我的網(wǎng)頁</title>
</head>
<body>
<h1>歡迎來到我的網(wǎng)頁</h1>
<p>這是一個段落。</p>
<a href="https://www.example.com">點擊這里</a>訪問示例網(wǎng)站。
</body>
</html>
在這個示例中,<!DOCTYPE html>聲明了文檔類型為HTML5。<html>標簽是HTML文檔的根元素。<head>標簽用于定義文檔的頭部信息,例如標題和樣式表。<title>標簽定義了網(wǎng)頁的標題,將顯示在瀏覽器的標題欄中。<body>標簽用于定義文檔的主體內(nèi)容。<h1>標簽定義了一個一級標題,<p>標簽定義了一個段落,<a>標簽定義了一個鏈接。
TML:超文本標記語言(超文本的意思就是我們可以給文本使用超鏈接實現(xiàn)頁面的跳轉(zhuǎn),標記語言就是<>里面寫的)
標記語言不是編程語言(編程語言有一定的邏輯性)
語法:
1.html文檔后綴名: .html 或者.htm都可以沒有區(qū)別
2.標簽分為:
1.圍堵標簽:有開始標簽和結(jié)束標簽。如<html></html>
2.自閉和標簽:開始標簽和結(jié)束標簽在一起。如<br/>
3.標簽可以嵌套:
需要正確嵌套,不能你中有我,我中有你
錯誤示范:<a><b></a></b>
正確示范:<a><b></b></a>
4.在開始標簽中可以定義屬性。屬性是由鍵值對構(gòu)成的,值需要用引號(單雙都可以)引起來。
5.html的標簽不區(qū)分大小寫,但是建議使用小寫。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的第一個HTML頁面</title>
</head>
<body>
<h1>武漢加油</h1><br/>
<h1>中國加油</h1><br/>
<font color='red'>隨緣</font><br/>
<font color='green'>何日暴富</font>
</body>
</html>
字的傳統(tǒng)字體有楷書、隸書、草書等等,現(xiàn)在的自制字體數(shù)量更多。如果還用著系統(tǒng)默認的微軟雅黑,那不妨試著用用新字體。擺脫網(wǎng)頁單調(diào)的第一步,從字開始!
目標
在日常工作、生活里,我們常常接觸到宋體、黑體等傳統(tǒng)字體
傳統(tǒng)字體
隨著人們的審美越來越高,就出現(xiàn)了各種各樣新的字體,例如:
火星字體
上面的不算,下面的才算,有很Q的字體,有帶有圖標的字體等等。
新字體
在CSS中,使用font-family屬性來定義字體類型。可指定多種字體,多個字體將按優(yōu)先順序排列,以逗號隔開,注意逗號一定要是英文逗號。如果電腦沒有第一個字體,則向后選擇,以此類推。
語法:font-family:字體1,字體2,字體3;
定義字體
在CSS中,使用font-size屬性來定義字體大小。常用的單位是長度值(px)
語法:font-family:像素值;
在css文檔里,還有其他的單位,例如絕對單位和相對單位,但是使用的頻率遠不如長度值單位。
注意:瀏覽器默認字體大小是16px
定義字體大小
效果
在CSS中,使用font-weight屬性來定義字體粗細。
語法:font-weight:值;
這個屬性就總共3個狀態(tài):正常(normal)、較細(lighter)、較粗(bold)
在css文檔里,還有數(shù)值的選擇,其實沒多大作用,一般都不會使用。
注意:bold和bolder效果是一樣
定義字體粗細
在CSS中,使用font-style屬性來定義字體傾斜效果
語法:font-style:值;
這個屬性就總共2個狀態(tài):正常(normal)、斜體(italic、oblique)
注意:italic、oblique這兩個效果是一樣的,只不過有些字體無法通過italic來設(shè)置斜體
,只能通過oblique來強制傾斜。
定義字體粗細
效果
在CSS中,使用color屬性來定義字體顏色。
語法:font-color:顏色值;
顏色值是一個關(guān)鍵字或一個16進制的RGB值
關(guān)鍵字指的就是顏色的英文名稱,如red、blue、green等。
16進制RGB值指的就是類似"#FBF9D0"這種形式的值。
定義字體顏色
效果
思維導圖
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。