HTML基礎(chǔ)學(xué)習(xí)——HTML簡介

https://www.w3school.com.cn/html/html_elements.asp
在此網(wǎng)站有更多關(guān)于HTML學(xué)習(xí)的知識~

一.什么是HTML俯逾?

超文本標記語言(Hyper Text Markup Language)徘禁,標準通用標記語言下的一個應(yīng)用。HTML 不是一種編程語言偶妖,而是一種標記語言 (markup language),是網(wǎng)頁制作所必備的。超文本就是指頁面內(nèi)可以包含圖片拇涤、鏈接,甚至音樂誉结、程序等非文字元素鹅士。超文本標記語言(或超文本標簽語言)的結(jié)構(gòu)包括頭”部分、和“主體”部分惩坑,其中“頭”部提供關(guān)于網(wǎng)頁的信息掉盅,“主體”部分提供網(wǎng)頁的具體內(nèi)容。
(以上來自百度百科)

二.HTML文件命名規(guī)范

1.文件后綴名應(yīng)該是 .html 或者 .htm
2.文件名中英文皆可以舒,推薦使用英文

三.URL

url是統(tǒng)一資源定位符趾痘,對可以從互聯(lián)網(wǎng)上得到的資源的位置和訪問方法的一種簡潔的表示,是互聯(lián)網(wǎng)上標準資源的地址稀轨《笃辏互聯(lián)網(wǎng)上的每個文件都有一個唯一的URL,它包含的信息指出文件的位置以及瀏覽器應(yīng)該怎么處理它。 [1] url 是網(wǎng)民們在 Internet 知識海洋中尋找資源瓦侮、獲取信息艰赞、用 E- mail 通訊、網(wǎng)上交流等所必不可少的肚吏。它最初是由蒂姆·伯納斯·李發(fā)明用來作為萬維網(wǎng)的地址》窖現(xiàn)在它已經(jīng)被萬維網(wǎng)聯(lián)盟編制為互聯(lián)網(wǎng)標準RFC1738了。
(以上來自百度百科)

分類:
1.絕對URL:

絕對URL(absolute URL)顯示文件的完整路徑罚攀,這意味著絕對URL本身所在的位置與被引用的實際文件的位置無關(guān)党觅。
包含兩個部分:
第一部分是協(xié)議名。(它告訴瀏覽器如何處理將要打開的文件斋泄。最常用的模式是超文本傳輸協(xié)議(Hypertext Transfer Protocol杯瞻,縮寫為HTTP),這個協(xié)議可以用來訪問網(wǎng)絡(luò))
其他協(xié)議:
http——超文本傳輸協(xié)議資源
https——用安全套接字層傳送的超文本傳輸協(xié)議
ftp——文件傳輸協(xié)議
mailto——電子郵件地址
ldap——輕型目錄訪問協(xié)議搜索
file——當(dāng)?shù)仉娔X或網(wǎng)上分享的文件
news——Usenet新聞組
gopher——Gopher協(xié)議
telnet——Telnet協(xié)議
第二部分是文件所在的服務(wù)器的名稱或IP地址炫掐,以及到達這個文件的路徑和文件本身的名稱魁莉。
eg:
http://www.baidu.com(百度首頁的URL,http://是第一部分協(xié)議名募胃,剩下的是第二部分)
ftp://www.phpchina.com/test/

2.相對URL:

相對URL是不完整的旗唁,要從相對URL中獲取訪問資源所需的全部信息,就必須相對另一個被稱為基礎(chǔ)的URL進行解析痹束。相對URL(relative URL)以包含URL本身的文件夾的位置為參考點检疫,描述目標文件夾的位置。如果目標文件與當(dāng)前頁面(也就是包含URL的頁面)在同一個目錄祷嘶,那么這個文件的相對URL僅僅是文件名和擴展名屎媳,如果目標文件在當(dāng)前目錄的子目錄中,那么它的相對URL是子目錄名抹蚀,后面是斜杠剿牺,然后是目標文件的文件名和擴展名。
一般來說环壤,對于同一服務(wù)器上的文件晒来,應(yīng)該總是使用相對URL,它們更容易輸入郑现,而且在將頁面從本地系統(tǒng)轉(zhuǎn)移到服務(wù)器上時更方便湃崩,只要每個文件的相對位置保持不變,鏈接就仍然是有效地接箫。
相對URL為了保持一組資源(HTML頁面)的便捷性提供了一種便捷方式攒读,如果使用相對URL,可以在搬移一組文檔時辛友,仍保持鏈接的有效性薄扁;因為相對URL是相對于新基礎(chǔ)進行解釋的剪返,類似于在其他服務(wù)器提供鏡像內(nèi)容等功能。
(部分來自于百度百科)
以包含URL本身的文件夾的位置為參考點邓梅,描述目標文件夾的位置脱盲,例如:
one.html: 當(dāng)前文件夾中的one.html文件
two/three.html:當(dāng)前子文件夾two下面的three.html文件
../four.html:當(dāng)前父文件夾中的four.html文件

四.HTML文檔的基本結(jié)構(gòu)

基本結(jié)構(gòu)

這個時候打開這個HTML文件的時候網(wǎng)頁是一片空白,點擊查看網(wǎng)頁源代碼的時候可以看到我們所寫的代碼日缨。
接下來我們往里面添加內(nèi)容:


示例1

結(jié)果

五.HTML元素

1.位于<和>之間的是HTML元素及其屬性
<meta charest="UTF-8" />
2.標簽必須是HTML有效元素
<abcdefg>
3."雙標簽"與“單標簽”
<html></html>
<br />
4.標簽不區(qū)分大小寫
<html> <HTML> <HTmL>

六.HTML元素的屬性

例如:<meta charest="UTF-8" />
1.元素和它的屬性必須放在同一個標簽中
2.標簽內(nèi)钱反,元素與屬性之間必須使用空格分開
3.元素屬性的值建議使用單引號或雙引號括起來
4.屬性和屬性值也不區(qū)分大小寫

(此文章僅作為個人學(xué)習(xí)筆記使用,如有錯誤歡迎指正~)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末匣距,一起剝皮案震驚了整個濱河市面哥,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌毅待,老刑警劉巖尚卫,帶你破解...
    沈念sama閱讀 211,042評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異恩静,居然都是意外死亡焕毫,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評論 2 384
  • 文/潘曉璐 我一進店門驶乾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人循签,你說我怎么就攤上這事级乐。” “怎么了县匠?”我有些...
    開封第一講書人閱讀 156,674評論 0 345
  • 文/不壞的土叔 我叫張陵风科,是天一觀的道長。 經(jīng)常有香客問我乞旦,道長贼穆,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,340評論 1 283
  • 正文 為了忘掉前任兰粉,我火速辦了婚禮故痊,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘玖姑。我一直安慰自己愕秫,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,404評論 5 384
  • 文/花漫 我一把揭開白布焰络。 她就那樣靜靜地躺著戴甩,像睡著了一般。 火紅的嫁衣襯著肌膚如雪闪彼。 梳的紋絲不亂的頭發(fā)上甜孤,一...
    開封第一講書人閱讀 49,749評論 1 289
  • 那天,我揣著相機與錄音,去河邊找鬼缴川。 笑死茉稠,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的二跋。 我是一名探鬼主播战惊,決...
    沈念sama閱讀 38,902評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼扎即!你這毒婦竟也來了吞获?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,662評論 0 266
  • 序言:老撾萬榮一對情侶失蹤谚鄙,失蹤者是張志新(化名)和其女友劉穎各拷,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體闷营,經(jīng)...
    沈念sama閱讀 44,110評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡烤黍,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了傻盟。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片速蕊。...
    茶點故事閱讀 38,577評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖娘赴,靈堂內(nèi)的尸體忽然破棺而出规哲,到底是詐尸還是另有隱情,我是刑警寧澤诽表,帶...
    沈念sama閱讀 34,258評論 4 328
  • 正文 年R本政府宣布唉锌,位于F島的核電站,受9級特大地震影響竿奏,放射性物質(zhì)發(fā)生泄漏袄简。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,848評論 3 312
  • 文/蒙蒙 一泛啸、第九天 我趴在偏房一處隱蔽的房頂上張望绿语。 院中可真熱鬧,春花似錦平痰、人聲如沸汞舱。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽昂芜。三九已至,卻和暖如春赔蒲,著一層夾襖步出監(jiān)牢的瞬間泌神,已是汗流浹背良漱。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留欢际,地道東北人母市。 一個月前我還...
    沈念sama閱讀 46,271評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像损趋,于是被迫代替她去往敵國和親患久。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,452評論 2 348

推薦閱讀更多精彩內(nèi)容

  • HTML標簽解釋大全 一浑槽、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,229評論 1 41
  • 概要 64學(xué)時 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,125評論 0 3
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的蒋失,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 3,858評論 0 0
  • 瀏覽器與服務(wù)器的基本概念 瀏覽器(安裝在電腦里面的一個軟件) 作用: ①將網(wǎng)頁內(nèi)容渲染呈現(xiàn)給用戶查看桐玻。 ②讓用戶通...
    云還灬閱讀 1,104評論 0 0
  • 概述 在網(wǎng)易云課堂學(xué)習(xí)李南江老師的《從零玩轉(zhuǎn)HTML5前端+跨平臺開發(fā)》時篙挽,所整理的筆記。筆記內(nèi)容為根據(jù)個人需求所...
    墨荀閱讀 2,332評論 0 7