一、html概述
htyper text markup language 即超文本標記語言
超文本: 就是指頁面內可以包含圖片、鏈接,甚至音樂、程序等非文字元素。
標記語言: 標記(標簽)構成的語言.
網頁==HTML文檔,由瀏覽器解析,用來展示的
靜態網頁:靜態的資源,如xxx.html
動態網頁:html代碼是由某種開發語言根據用戶請求動態生成的
以下為html文件的樹形結構圖
標簽的概念:
•是由一對尖括號包裹的單詞構成 例如: <html> *所有標簽中的單詞不可能以數字開頭.
•標簽不區分大小寫.<html> 和 <HTML>. 推薦使用小寫.
•標簽分為兩部分: 開始標簽<a> 和 結束標簽</a>. 兩個標簽之間的部分 我們叫做標簽體.
•有些標簽功能比較簡單.使用一個標簽即可.這種標簽叫做自閉和標簽.例如: <br/> <hr/> <input /> <img />
•標簽可以嵌套.但是不能交叉嵌套. <a><b></a></b>
標簽的屬性:
•通常是以鍵值對形式出現的. 例如 name="alex"
•屬性只能出現在開始標簽 或 自閉和標簽中.
•屬性名字全部小寫. *屬性值必須使用雙引號或單引號包裹 例如 name="alex"
•如果屬性值和屬性名完全一樣.直接寫屬性名即可. 例如 readonly
二、head主要標簽介紹
•<meta>meta標簽的組成:meta標簽共有兩個屬性,它們分別是http-equiv屬性和name 屬性,不同的屬性又有不同的參數值,這些不同的參數值就實現了不同的網頁 功能。
1 name屬性主要用于描述網頁,與之對應的屬性值為content,content中的內容 主要是便于搜索引擎機器人查找信息和分類信息用的。
<meta name="keywords"content="meta總結,html meta,meta屬性,meta跳轉">
<meta name="description"content="老男孩培訓機構是由一個老的男孩創建的">
2 http-equiv顧名思義,相當于http的文件頭作用,它可以向瀏覽器傳回一些有 用的信息,以幫助正確和精確地顯示網頁內容,與之對應的屬性值為content, content 中的內容其實就是各個參數的變量值。
<meta http-equiv="Refresh"content="2;URL=https://www.jb51.net"> //(注意后面的引號,分別在秒數的前面和網址的后面)
<meta http-equiv="content-Type"content="text/html;charset=UTF8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
•<title>老男孩</title>
•<link rel="icon" href="http://www.jd.com/favicon.ico">
新聞熱點
疑難解答
圖片精選