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