一、html概述

htyper text markup language 即超文本標(biāo)記語(yǔ)言

超文本: 就是指頁(yè)面內(nèi)可以包含圖片、鏈接，甚至音樂(lè)、程序等非文字元素。

標(biāo)記語(yǔ)言: 標(biāo)記（標(biāo)簽）構(gòu)成的語(yǔ)言.

網(wǎng)頁(yè)==HTML文檔，由瀏覽器解析，用來(lái)展示的

靜態(tài)網(wǎng)頁(yè)：靜態(tài)的資源，如xxx.html

動(dòng)態(tài)網(wǎng)頁(yè)：html代碼是由某種開發(fā)語(yǔ)言根據(jù)用戶請(qǐng)求動(dòng)態(tài)生成的

以下為html文件的樹形結(jié)構(gòu)圖

標(biāo)簽的概念：

?是由一對(duì)尖括號(hào)包裹的單詞構(gòu)成 例如: html *所有標(biāo)簽中的單詞不可能以數(shù)字開頭.

?標(biāo)簽不區(qū)分大小寫. html 和 HTML . 推薦使用小寫.

?標(biāo)簽分為兩部分: 開始標(biāo)簽 a 和 結(jié)束標(biāo)簽 /a . 兩個(gè)標(biāo)簽之間的部分 我們叫做標(biāo)簽體.

?有些標(biāo)簽功能比較簡(jiǎn)單.使用一個(gè)標(biāo)簽即可.這種標(biāo)簽叫做自閉和標(biāo)簽.例如: br/ hr/ input / img /

?標(biāo)簽可以嵌套.但是不能交叉嵌套. a b /a /b

標(biāo)簽的屬性：

?通常是以鍵值對(duì)形式出現(xiàn)的. 例如 name= alex

?屬性只能出現(xiàn)在開始標(biāo)簽 或 自閉和標(biāo)簽中.

?屬性名字全部小寫. *屬性值必須使用雙引號(hào)或單引號(hào)包裹 例如 name= alex

?如果屬性值和屬性名完全一樣.直接寫屬性名即可. 例如 readonly

二、head主要標(biāo)簽介紹

? meta meta標(biāo)簽的組成：meta標(biāo)簽共有兩個(gè)屬性，它們分別是http-equiv屬性和name 屬性，不同的屬性又有不同的參數(shù)值，這些不同的參數(shù)值就實(shí)現(xiàn)了不同的網(wǎng)頁(yè) 功能。

1 name屬性主要用于描述網(wǎng)頁(yè)，與之對(duì)應(yīng)的屬性值為content，content中的內(nèi)容 主要是便于搜索引擎機(jī)器人查找信息和分類信息用的。

meta name= keywords content= meta總結(jié),html meta,meta屬性,meta跳轉(zhuǎn)

meta name= description content= 老男孩培訓(xùn)機(jī)構(gòu)是由一個(gè)老的男孩創(chuàng)建的

2 http-equiv顧名思義，相當(dāng)于http的文件頭作用，它可以向?yàn)g覽器傳回一些有 用的信息，以幫助正確和精確地顯示網(wǎng)頁(yè)內(nèi)容，與之對(duì)應(yīng)的屬性值為content， content 中的內(nèi)容其實(shí)就是各個(gè)參數(shù)的變量值。

meta http-equiv= Refresh content= URL=https://www.jb51.net //(注意后面的引號(hào)，分別在秒數(shù)的前面和網(wǎng)址的后面)

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標(biāo)簽

基本標(biāo)簽：

hn : n的取值范圍是1~6; 從大到小. 用來(lái)表示標(biāo)題.

p : 段落標(biāo)簽. 包裹的內(nèi)容被換行.并且也上下內(nèi)容之間有一行空白.

b strong : 加粗標(biāo)簽.

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

em : 文字變成斜體.

sup 和 sub : 上角標(biāo) 和 下角表.

br :換行.

hr :水平線

p span

塊級(jí)標(biāo)簽和內(nèi)聯(lián)標(biāo)簽

塊級(jí)標(biāo)簽： p h1 table ol ul form p

內(nèi)聯(lián)標(biāo)簽： a input img sub sup textarea span

block（塊）元素的特點(diǎn)

① 總是在新行上開始；

② 高度，行高以及外邊距和內(nèi)邊距都可控制；

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

④ 它可以容納內(nèi)聯(lián)元素和其他塊元素

inline元素的特點(diǎn)

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

② 高，行高及外邊距和內(nèi)邊距不可改變；

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

④ 內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素

對(duì)行內(nèi)元素，需要注意如下

設(shè)置寬度width 無(wú)效。

設(shè)置高度height 無(wú)效，可以通過(guò)line-height來(lái)設(shè)置。

設(shè)置margin 只有左右margin有效，上下無(wú)效。

設(shè)置padding 只有左右padding有效，上下則無(wú)效。注意元素范圍是增大了，但是對(duì)元素周圍的內(nèi)容是沒(méi)影響的。

特殊字符：

gt； quot； copy; reg;

圖形標(biāo)簽 img ：

src: 要顯示圖片的路徑.

alt: 圖片沒(méi)有加載成功時(shí)的提示.

title: 鼠標(biāo)懸浮時(shí)的提示信息.

width: 圖片的寬

height:圖片的高 (寬高兩個(gè)屬性只用一個(gè)會(huì)自動(dòng)等比縮放.)

超鏈接標(biāo)簽 a :

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

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

name: 定義一個(gè)頁(yè)面的書簽.

用于跳轉(zhuǎn) href : #書簽名稱.

列表標(biāo)簽:

ul : 無(wú)序列表

ol :有序列表

li :列表中的每一項(xiàng).

dl 定義列表

dt 列表標(biāo)題

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。