PHP培訓(xùn)之HTML（一）

更新時(shí)間:2017-06-30 來(lái)源:黑馬程序員PHP培訓(xùn)學(xué)院瀏覽量:

html簡(jiǎn)介

HyperText Markup Language

超文本標(biāo)記語(yǔ)言

超文本

能夠表達(dá)更豐富的內(nèi)容（相對(duì)于普通文本）

標(biāo)記：標(biāo)識(shí)符號(hào)，就是html中的標(biāo)簽

語(yǔ)言

不是編程語(yǔ)言，就是html標(biāo)簽的描述

瀏覽器來(lái)翻譯html代碼

網(wǎng)頁(yè)擴(kuò)展名

.html .htm

HTML文檔結(jié)構(gòu)

HTML框架基本構(gòu)架

<html>

<head>

</head>

<body>

</body>

</html>

解釋?zhuān)?/p>

帶<>的都叫標(biāo)簽

html: 指明當(dāng)前的文檔的類(lèi)型，是一個(gè)網(wǎng)頁(yè)

head是網(wǎng)頁(yè)頭部包括網(wǎng)頁(yè)的相關(guān)信息，基本設(shè)置，其中title網(wǎng)站的標(biāo)題就在里面。

body:在瀏覽器的看到的內(nèi)容。

html標(biāo)簽分類(lèi)

雙標(biāo)簽 <font>HTML</font>,有開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽（標(biāo)記）

單標(biāo)簽 <br />

標(biāo)簽書(shū)寫(xiě)規(guī)范

所有的標(biāo)簽都在< >中

所有的標(biāo)簽都有開(kāi)始和結(jié)束，即使是單標(biāo)記也要結(jié)束

<br /> 強(qiáng)制換行

<img /> 圖片標(biāo)記

所有的標(biāo)簽和屬性及值小寫(xiě)

標(biāo)簽和屬性，屬性與屬性之間有空格

屬性值必須有加引號(hào)（單引號(hào)或雙引號(hào)都可以）

屬性必須有值

屬性可寫(xiě)可不寫(xiě)

標(biāo)簽與標(biāo)簽之間正確嵌套(標(biāo)簽不可交叉嵌套)

標(biāo)簽格式

<開(kāi)始標(biāo)簽屬性1＝”值1” 屬性2＝”值2” 屬性n＝”值n”>控制的內(nèi)容</開(kāi)始標(biāo)簽>(雙標(biāo)簽格式)

<開(kāi)始標(biāo)簽屬性1＝”值1” 屬性2＝”值2” 屬性n＝”值n” 空格/>(單標(biāo)簽格式)

<開(kāi)始標(biāo)簽空格/>(單標(biāo)簽格式)

html注釋

注釋的內(nèi)容在html頁(yè)面中是無(wú)法看到的，但是可以在頁(yè)面源代碼中發(fā)現(xiàn)

代碼實(shí)現(xiàn)：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/align][align=left]<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title> new document </title>

</head>

<body>

HTML注釋

</body>

</html>

文本的修飾

屬性：

Color(顏色):red,blue,green,yellow,gray,pink等

Size(大小):值(1-7),默認(rèn)值：3

字體最大尺寸為7，若比7大，則默認(rèn)為7。字體默認(rèn)尺寸為3，當(dāng)出現(xiàn)對(duì)尺寸的加減時(shí)，就是對(duì)3進(jìn)行加減

本文版權(quán)歸黑馬程序員PHP培訓(xùn)學(xué)院所有，歡迎轉(zhuǎn)載，轉(zhuǎn)載請(qǐng)注明作者出處，謝謝！
作者：黑馬程序員PHP培訓(xùn)學(xué)院
首發(fā)：http://php.itheima.com/

全國(guó)中心

熱門(mén)課程

PHP培訓(xùn)之HTML（一）

最新資訊

相關(guān)閱讀

熱門(mén)課程推薦