1,html概念
超文本標(biāo)記語言,是一種解釋執(zhí)行的文本類標(biāo)記語言,是Internet上用于編寫網(wǎng)頁的主要語言?!俺谋尽本褪侵疙撁鎯?nèi)可以包含圖片、鏈接,甚至音樂、程序等非文字元素。
html也是一種規(guī)范,一種標(biāo)準(zhǔn),它通過標(biāo)記符號來標(biāo)記要顯示的網(wǎng)頁中的各個部分。網(wǎng)頁文件本身是一種文本文件,通過在文本文件中添加標(biāo)記符,可以告訴瀏覽器如何顯示其中的內(nèi)容(如:文字如何處理,畫面如何安排,圖片如何顯示等)。瀏覽器按順序閱讀網(wǎng)頁文件,然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容,對書寫出錯的標(biāo)記將不指出其錯誤,且不停止其解釋執(zhí)行過程,編制者只能通過顯示效果來分析出錯原因和出錯部位。
分析簡單的HTML結(jié)構(gòu)
1)符號介紹
2)元素介紹
3)結(jié)構(gòu)介紹
3,基本語法
1)特性
可以使用.html與.htm作為html文件的后綴名(擴(kuò)展名)
可以使用任意文本編輯器創(chuàng)建HTML,推薦使用
windows操作系統(tǒng)
文件名.擴(kuò)展名
linux操作系統(tǒng)
文件名
2)注釋
3)基本概念
標(biāo)簽:
標(biāo)簽用來標(biāo)記內(nèi)容,也是用標(biāo)簽表名文本的意義。標(biāo)簽使用"<",">"包圍。
標(biāo)簽分為成對標(biāo)簽和單標(biāo)簽
元素:
一個元素通常是由一個開始標(biāo)簽,內(nèi)容,其他元素以及一個結(jié)束標(biāo)簽組成的
屬性:
與元素相關(guān)的特性稱為屬性,屬性由鍵值對組成。
<元素名 1="值1" 2="值2">
coreattrs屬性
大多數(shù)元素都可以使用的屬性。
id:唯一標(biāo)識
class:標(biāo)識一類元素
style:樣式
title:描述信息
規(guī)范:
元素名和屬性都不區(qū)分大小寫。
4)文檔結(jié)構(gòu)
文檔類型聲明:
版本和文檔類型聲明,版本和文檔類型聲明是對應(yīng)的,文檔類型使用DTD來指定
XML
1)嚴(yán)格的文檔類型
2)寬松的文檔類型
3)frameset
3)H5文檔類型
;html:
標(biāo)識HTML文檔
head
標(biāo)識HTML文檔的頭部
可以包含該文檔的標(biāo)題,文檔使用的腳本,樣式定義,元數(shù)據(jù)等信息
body
標(biāo)識HTML文檔的體部
body中的內(nèi)容可以顯示到瀏覽器中。
4.顏色與大小
1)顏色
顏色由紅(R)、綠(G)、藍(lán)(B)組成,每個顏色的最低值為0(十六進(jìn)制為00),最高值為255(十六進(jìn)制為FF)。十六進(jìn)制值的寫法為#號后跟三個或六個十六進(jìn)制字符。
3位十六進(jìn)制:6位16進(jìn)制:rgb:顏色
#000:#000000:rgb(0,0,0):黑色-black
#F00:#FF0000:rgb(255,0,0):紅色-red
#FFF:#FFFFFF:rgb(255,255,255):白色-white
2)大小
px像素
5.標(biāo)簽介紹
標(biāo)簽:網(wǎng)頁上顯示的內(nèi)容放在這里
注釋:span 沒有固定的格式表現(xiàn)。當(dāng)對它應(yīng)用樣式時,它才會產(chǎn)生視覺上的變化。
字體:
<font>字體標(biāo)簽
語法:
<font>字體標(biāo)簽</font>
<p>標(biāo)簽:如果想在網(wǎng)頁上顯示文章,這時就需要<p>標(biāo)簽了,把文章的段落放到<p>標(biāo)簽中。
語法:
<p>段落文本</p>
注:一段文字一個<p>標(biāo)簽,如在一篇新聞文章中有3段文字,就要把這3個段落分別放到3個<p>標(biāo)簽中。
語法:
我們使用
標(biāo)題標(biāo)簽一共有6個,h1、h2、h3、h4、h5、h6分別為一級標(biāo)題、二級標(biāo)題、三級標(biāo)題、四級標(biāo)題、五級標(biāo)題、六級標(biāo)題。并且依據(jù)重要性遞減。
加入強(qiáng)調(diào)語氣,使用<strong>和<em>標(biāo)簽
語法:
<em>需要強(qiáng)調(diào)的文本</em>
<strong>需要強(qiáng)調(diào)的文本</strong>
<em>的內(nèi)容在瀏覽中顯示為斜體,<strong>顯示為加粗。如果不喜歡這種樣式,沒有關(guān)系,以后可以使用css樣式去改變它。
<span>標(biāo)簽:為文字設(shè)置單獨(dú)樣式
語法:
<span>文本</span>
我們對<em>、<strong>、<span>這三個標(biāo)簽進(jìn)行以下總結(jié):
(1)<em>和<strong>標(biāo)簽是為了強(qiáng)調(diào)一段話中的關(guān)鍵字時使用,它們的語義是強(qiáng)調(diào)。
(2)<span>標(biāo)簽是沒有語義的,它的作用就是為了設(shè)置單獨(dú)的樣式用的。