HTML的基本結構有哪些

來源：懂視網(wǎng) 責編：小采時間：2020-11-27 15:27:04

HTML的基本結構有哪些

HTML的基本結構有哪些:這次給大家?guī)鞨TML的基本結構有哪些，設計HTML基本結構的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。HTML簡介HyperText Markup Language：超文本標記語言HyperText：超文本(文本 + 圖片 + 視頻 + 音頻 + 鏈接）Markup Language

推薦度：

點擊下載本文 文檔為doc格式

導讀HTML的基本結構有哪些:這次給大家?guī)鞨TML的基本結構有哪些，設計HTML基本結構的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。HTML簡介HyperText Markup Language：超文本標記語言HyperText：超文本(文本 + 圖片 + 視頻 + 音頻 + 鏈接）Markup Language

這次給大家?guī)鞨TML的基本結構有哪些，設計HTML基本結構的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。

HTML簡介

HyperText Markup Language：超文本標記語言

HyperText：超文本(文本 + 圖片 + 視頻 + 音頻 + 鏈接）

Markup Language：標記語言

網(wǎng)站的三大元素

圖片，超鏈接，文字

HTML基本結構

<html> 
 <head> 
 <title>Document</title> 
 </head> 
 <body> 
 I am mossbaoo ! 
 </body> 
</html>

標準網(wǎng)頁的HTML標簽

1.HTML文檔聲明：<!DOCTYPE HTML>

2.頁面標題：<title>~</title>

3.頁面編碼：<meta charset= "utf-8" />

utf-8 是多國語言編碼（推薦使用）

gb2312 是簡體中文編碼

4.頁面關鍵字：<meta name="keywords" content="關鍵字1,關鍵字2,…" />

頁面主要內(nèi)容：<meta name="description" content="內(nèi)容介紹" />

注意：meta標簽是html語言的輔助性標簽，通常用于優(yōu)化搜索引擎，它位于HTML文檔頭部。

生成HTML文檔初始結構

1.HTML5的標準結構：html:5+Tab鍵或 !+Tab鍵

生成結果如下

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>Document</title> 
</head> 
<body> 
 
</body> 
</html>

2.HTML4的過渡型結構：html:xt+Tab鍵

生成結果如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
 <title>Document</title> 
</head> 
<body> 
 
</body> 
</html>

HTML標簽注意點：

? HTML元素由開始標簽和結束標簽組成。

? 位于開始標簽和結束標簽中的文本是元素的內(nèi)容。

? HTML標簽有開始必須有結束，如果是沒有內(nèi)容的標簽（空標簽），用/>來結束。

? 標簽名不區(qū)分大小寫，但是在XHTML中標簽名必須用小寫。

? 標簽具有屬性，屬性用來表示標簽的性質(zhì)和特性。屬性要在開始標簽中指定。

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請關注Gxl網(wǎng)其它相關文章！