更新時間:2017-06-30 來源:黑馬程序員PHP培訓學院 瀏覽量:
html簡介
HyperText Markup Language
超文本標記語言
超文本
能夠表達更豐富的內容(相對于普通文本)
標記:標識符號,就是html中的標簽
語言
不是編程語言,就是html標簽的描述
瀏覽器來翻譯html代碼
網頁擴展名
.html .htm
HTML文檔結構
HTML框架基本構架
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
解釋:
帶<>的都叫標簽
html: 指明當前的文檔的類型,是一個網頁
head是網頁頭部 包括網頁的相關信息,基本設置,其中title網站的標題就在里面。
body:在瀏覽器的看到的內容。
html標簽分類
雙標簽 <font>HTML</font>,有開始標簽和結束標簽(標記)
單標簽 <br />
標簽書寫規(guī)范
所有的標簽都在< >中
所有的標簽都有開始和結束,即使是單標記也要結束
<br /> 強制換行
<img /> 圖片標記
所有的標簽和屬性及值小寫
標簽和屬性,屬性與屬性之間有空格
屬性值必須有加引號(單引號或雙引號都可以)
屬性必須有值
屬性可寫可不寫
標簽與標簽之間正確嵌套(標簽不可交叉嵌套)
標簽格式
<開始標簽 屬性1=”值1” 屬性2=”值2” 屬性n=”值n”>控制的內容</開始標簽>(雙標簽格式)
<開始標簽 屬性1=”值1” 屬性2=”值2” 屬性n=”值n” 空格/>(單標簽格式)
<開始標簽 空格/>(單標簽格式)
html注釋
<!--注釋內容-->
注釋的內容在html頁面中是無法看到的,但是可以在頁面源代碼中發(fā)現
代碼實現:
<!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>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
</head>
<body>
HTML注釋
<!--這段文字是看不見的-->
</body>
</html>
文本的修飾
屬性:
Color(顏色):red,blue,green,yellow,gray,pink等
Size(大小):值(1-7),默認值:3
字體最大尺寸為7,若比7大,則默認為7。字體默認尺寸為3,當出現對尺寸的加減時,就是對3進行加減