HTML簡介
HyperText Markup Language:超文本標記語言
HyperText:超文本(文本 + 圖片 + 視頻 + 音頻 + 鏈接)
Markup Language:標記語言
網站的三大元素
圖片,超鏈接,文字
HTML基本結構
XML/HTML Code復制內容到剪貼板
- <html>
- <head>
- <title>Document</title>
- </head>
- <body>
- I am mossbaoo !
- </body>
- </html>
標準網頁的HTML標簽
1.HTML文檔聲明:<!DOCTYPE HTML>
2.頁面標題:<title>~</title>
3.頁面編碼:<meta charset= "utf-8" />
utf-8 是多國語言編碼(推薦使用)
gb2312 是簡體中文編碼
4.頁面關鍵字:<meta name="keywords" content="關鍵字1,關鍵字2,…" />
頁面主要內容:<meta name="description" content="內容介紹" />
注意:meta標簽是html語言的輔助性標簽,通常用于優化搜索引擎,它位于HTML文檔頭部。
生成HTML文檔初始結構
1.HTML5的標準結構:html:5+Tab鍵 或 !+Tab鍵
生成結果如下
XML/HTML Code復制內容到剪貼板
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Document</title>
- </head>
- <body>
-
- </body>
- </html>
2.HTML4的過渡型結構:html:xt+Tab鍵
生成結果如下
XML/HTML Code復制內容到剪貼板
- <!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中標簽名必須用小寫。
• 標簽具有屬性,屬性用來表示標簽的性質和特性。屬性要在開始標簽中指定。
以上這篇HTML基本結構全面了解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
原文地址:http://www.cnblogs.com/mossbaoo/archive/2016/07/31/5724065.html