首頁 > web前端 > html教學 > HTML的基本結構有哪些

HTML的基本結構有哪些

php中世界最好的语言
發布: 2018-01-22 10:48:25
原創
2735 人瀏覽過

這次帶給大家HTML的基本結構有哪些,設計HTML基本結構的注意事項有哪些,下面就是實戰案例,一起來看一下。

HTML簡介

HyperText Markup Language:超文本標記語言

HyperText:超文本(文字+ 圖片+ 視訊+ 音訊+ 連結)

Markup Language:標記語言

網站的三大元素

圖片,超連結,文字

HTML基本結構

<html>  
    <head>  
        <title>Document</title>  
    </head>  
    <body>  
        I am mossbaoo !   
    </body>  
</html>
登入後複製

標準網頁的HTML標籤

1.HTML文件聲明:

2.頁標題:~

3.頁面編碼:

#utf-8 是多國語言編碼(推薦使用)

gb2312 是簡體中文編碼


4.頁面關鍵字:

頁面主要內容:

注意:meta標籤是html語言的輔助性標籤,通常用於優化搜尋引擎,它位於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元素由開始標籤和結束標籤組成。

• 位於開始標籤和結束標籤中的文字是元素的內容。

• HTML標籤有開始必須有結束,如果是沒有內容的標籤(空標籤),用/>來結束。

• 標籤名稱不區分大小寫,但是在XHTML中標籤名稱必須用小寫。

• 標籤具有屬性,屬性用來表示標籤的性質和特性。屬性要在開始標籤中指定。

相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

HTML文字格式化的實例詳解

html中頻繁使用的標籤總結

HTML的編輯基礎(新手必看篇)

#

以上是HTML的基本結構有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板