一、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= 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

三、body標簽

基本標簽：

hn : n的取值范圍是1~6; 從大到小. 用來表示標題.

p : 段落標簽. 包裹的內容被換行.并且也上下內容之間有一行空白.

b strong : 加粗標簽.

strike : 為文字加上一條中線.

em : 文字變成斜體.

sup 和 sub : 上角標 和 下角表.

br :換行.

hr :水平線

p span

塊級標簽和內聯標簽

塊級標簽： p h1 table ol ul form p

內聯標簽： a input img sub sup textarea span

block（塊）元素的特點

① 總是在新行上開始；

② 高度，行高以及外邊距和內邊距都可控制；

③ 寬度缺省是它的容器的100%，除非設定一個寬度。

④ 它可以容納內聯元素和其他塊元素

inline元素的特點

① 和其他元素都在一行上；

② 高，行高及外邊距和內邊距不可改變；

③ 寬度就是它的文字或圖片的寬度，不可改變

④ 內聯元素只能容納文本或者其他內聯元素

對行內元素，需要注意如下

設置寬度width 無效。

設置高度height 無效，可以通過line-height來設置。

設置margin 只有左右margin有效，上下無效。

設置padding 只有左右padding有效，上下則無效。注意元素范圍是增大了，但是對元素周圍的內容是沒影響的。

特殊字符：

gt； quot； copy; reg;

圖形標簽 img ：

src: 要顯示圖片的路徑.

alt: 圖片沒有加載成功時的提示.

title: 鼠標懸浮時的提示信息.

width: 圖片的寬

height:圖片的高 (寬高兩個屬性只用一個會自動等比縮放.)

超鏈接標簽 a :

href:要連接的資源路徑 格式如下: href= http://www.jb51.net

target: _blank : 在新的窗口打開超鏈接. 框架名稱: 在指定框架中打開連接內容.

name: 定義一個頁面的書簽.

用于跳轉 href : #書簽名稱.

列表標簽:

ul : 無序列表

ol :有序列表

li :列表中的每一項.

dl 定義列表

dt 列表標題

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。