HTML是一種標記語言,用于創(chuàng)建Web頁面,它的基本結構由標簽和內(nèi)容組成。接下來我們來解析一些HTML常用代碼。
<html> <head> <title>這里是頁面標題</title> </head> <body> <h1>這里是頁面主標題</h1> <p>這里是頁面內(nèi)容</p> </body> </html>
上面的代碼是最基本的HTML頁面結構,由`<html>`、`<head>`、`<title>`、`<body>`、`<h1>`、`<p>`等標簽組成,但是代碼前面加上了一個`<`,這是因為`<`是`<`的HTML編碼,因為在HTML頁面中如果直接使用`<`會被當做標簽來解釋。
`<html>`表示這個文檔是一個HTML文檔,是頁面的根標簽;`<head>`表示文檔的頭部,包含了一些元數(shù)據(jù),如頁面標題、字符編碼等;`<title>`表示文檔的標題,顯示在瀏覽器標簽頁上;`<body>`表示文檔的主體部分,包含頁面的內(nèi)容;`<h1>`用來表示頁面的主標題,`<p>`用來表示頁面的正文。
<img src="image.png" alt="圖片描述文字">
`<img>`標簽用來插入圖片,`src`屬性指向圖片的路徑,`alt`屬性表示圖片的替換文本描述,當圖片無法顯示時會顯示替換文本。
<a href="http://www.example.com">這是鏈接文字</a>
`<a>`標簽用來創(chuàng)建超鏈接,`href`屬性指向鏈接的URL地址,鏈接文字則被包含在標簽之間。
<ul> <li>無序列表項1</li> <li>無序列表項2</li> <li>無序列表項3</li> </ul>
`<ul>`表示無序列表,`<li>`表示列表項,列表項之間可以包含任何HTML標簽。
<ol> <li>有序列表項1</li> <li>有序列表項2</li> <li>有序列表項3</li> </ol>
`<ol>`表示有序列表,`<li>`表示列表項,列表項之間可以包含任何HTML標簽。
上面僅僅是HTML常用代碼的一小部分,熟練掌握這些基本代碼,再結合CSS樣式表和JavaScript代碼,就能夠創(chuàng)建出漂亮、交互性強的網(wǎng)頁。
下一篇vue對象屬性清空