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