第一篇 HTML-01

1.網(wǎng)站和網(wǎng)頁(yè)的區(qū)別

a)網(wǎng)站:所謂網(wǎng)站就是網(wǎng)頁(yè)的集合

b)網(wǎng)頁(yè):是內(nèi)容的載體

c)關(guān)系:網(wǎng)站包含網(wǎng)頁(yè),網(wǎng)頁(yè)被包含與網(wǎng)站中

d)首頁(yè):所謂網(wǎng)站的首頁(yè)就是指網(wǎng)站的第一個(gè)頁(yè)面愧驱,也稱為網(wǎng)站的主頁(yè)由桌,首頁(yè)包含了大量的超級(jí)鏈接嬉探,通過(guò)這些鏈接可以訪問(wèn)網(wǎng)站的不同模塊颠放,首頁(yè)的默認(rèn)名稱index.html或default.html

2.網(wǎng)頁(yè)的瀏覽工具——瀏覽器

a)IE瀏覽器

b)谷歌瀏覽器

c)火狐瀏覽器

d)蘋果瀏覽器

e)歐朋瀏覽器

3.W3C:World ? ?Wide ? ?Web ? ?Consortium,萬(wàn)維網(wǎng)聯(lián)盟(W3C理事會(huì))运准,該組織創(chuàng)建于1994年幌氮,是非盈利性組織,是Web領(lǐng)域技術(shù)的制定者和推薦者胁澳,它認(rèn)為網(wǎng)頁(yè)有三大部分構(gòu)成:結(jié)構(gòu)该互、表現(xiàn)、行為

a)結(jié)構(gòu)標(biāo)準(zhǔn):XHTML

b)表現(xiàn)標(biāo)準(zhǔn):CSS

c)行為標(biāo)準(zhǔn):ECMAScript

4.HTML:HyperTextMarkupLanguage超文本標(biāo)記語(yǔ)言听哭,作用是寫網(wǎng)頁(yè)的基本結(jié)構(gòu)慢洋,它不是編程語(yǔ)言塘雳,而是標(biāo)記語(yǔ)言陆盘。

a)超文本:文本是指文字普筹、字母、數(shù)字這些內(nèi)容構(gòu)成的文件隘马,超文本則是指不僅包含上面的內(nèi)容太防,還包含圖片、音頻酸员、視頻的元素的文本文件

b)標(biāo)記:標(biāo)記也稱為標(biāo)簽蜒车,標(biāo)記是由一對(duì)尖括號(hào)和標(biāo)記名稱所構(gòu)成的元素,如<p>幔嗦,每一種標(biāo)記都具有自己的特定的功能和含義酿愧。標(biāo)記分為單標(biāo)記和雙標(biāo)記

雙標(biāo)記:有開始標(biāo)記和結(jié)束標(biāo)記構(gòu)成<標(biāo)記名>,如<p></p>

單標(biāo)記:就是由一個(gè)標(biāo)記構(gòu)成的邀泉,但是在標(biāo)記名后面加斜線嬉挡,如<br />

5.網(wǎng)頁(yè)的編輯工具

a)記事本

b)notepad++

c)Editplus

d)Dreamweaver

e)Sublime

6.Sublime的使用

a)創(chuàng)建:Ctrl+N

b)保存:Ctrl+S

c)快速創(chuàng)建:! + Tap

7.HTML的基本結(jié)構(gòu)

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>標(biāo)題</title>

</head>

<body> ... </body>

</html>

<!doctype html>:文檔類型聲明,位于文檔的最上端汇恤,作用是告訴瀏覽器這個(gè)html文件是遵循哪個(gè)版本的HTML標(biāo)準(zhǔn)書寫的庞钢,瀏覽器會(huì)根據(jù)該標(biāo)準(zhǔn)對(duì)html代碼進(jìn)行解析

<head>:網(wǎng)頁(yè)頭部

網(wǎng)頁(yè)標(biāo)題

<meta charset="utf-8">:作用是支持簡(jiǎn)體中文

<title>:作用是寫網(wǎng)頁(yè)標(biāo)題

<body>:網(wǎng)頁(yè)主體,用于盛裝頁(yè)面中要顯示的內(nèi)容

8.常見的html標(biāo)簽

<head>因谎、<body>基括、<p>、<h1>-<h6>财岔、<div>

9.<p>用于創(chuàng)建一個(gè)段落风皿,屬性有align,該屬性的作用是設(shè)置段落的對(duì)齊方式匠璧,屬性值有l(wèi)eft(左)center(中)right(右)

10.<hx>標(biāo)題標(biāo)簽:用于創(chuàng)建標(biāo)題桐款,h1最大,h6最小患朱,都要加粗效果鲁僚,具有align,值為left /center/right

11<hr./>:水平線裁厅,屬性有:width冰沙、align、size执虹、color

a)width:設(shè)置寬度拓挥,默認(rèn)寬度為父元素的100%,可以設(shè)置自定義寬度袋励,屬性值為屬性值或百分比

b)align:設(shè)置對(duì)齊方式侥啤,屬性值為left当叭、center(默認(rèn))、right

c)color:設(shè)置水平線顏色盖灸,屬性值可以是顏色名稱蚁鳖,如red/blue/green,也可以是十六進(jìn)制代碼

d)size:設(shè)置水平線的高度赁炎,屬性值為像素值

12<br/>:換行標(biāo)簽醉箕,換行但是沒(méi)有換段

13.列表:無(wú)序列表、有序列表徙垫、定義列表

a)無(wú)序列表ul:列表項(xiàng)沒(méi)有順序讥裤,屬性有type,屬性值有disc(黑色實(shí)心圓姻报,默認(rèn))/circle(空心圓)/square(黑色方塊)/none

<ul>

<li> ... </li>

<li> ... </li>

...

</ul>

b)有序列表ol己英,列表項(xiàng)有順序,屬性有type吴旋,屬性值是1(默認(rèn))损肛、a、A邮府、i荧关、I,start屬性褂傀,設(shè)置起始編號(hào)忍啤,屬性值為數(shù)值

<ol>

<li> ... </li>

<li> ... </li>

...

<ol>

c)定義列表dl:包含定義項(xiàng)(標(biāo)題)和描述項(xiàng)(內(nèi)容

<dl>

<dt> ... </dt>

<dd> ... </dd>

<dd> ... </dd>

...

</dl>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市仙辟,隨后出現(xiàn)的幾起案子同波,更是在濱河造成了極大的恐慌,老刑警劉巖叠国,帶你破解...
    沈念sama閱讀 221,273評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件未檩,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡粟焊,警方通過(guò)查閱死者的電腦和手機(jī)冤狡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,349評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)项棠,“玉大人悲雳,你說(shuō)我怎么就攤上這事∠阕罚” “怎么了合瓢?”我有些...
    開封第一講書人閱讀 167,709評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)透典。 經(jīng)常有香客問(wèn)我晴楔,道長(zhǎng)顿苇,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,520評(píng)論 1 296
  • 正文 為了忘掉前任税弃,我火速辦了婚禮纪岁,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘钙皮。我一直安慰自己蜂科,他們只是感情好顽决,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,515評(píng)論 6 397
  • 文/花漫 我一把揭開白布短条。 她就那樣靜靜地躺著,像睡著了一般才菠。 火紅的嫁衣襯著肌膚如雪茸时。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,158評(píng)論 1 308
  • 那天赋访,我揣著相機(jī)與錄音可都,去河邊找鬼。 笑死蚓耽,一個(gè)胖子當(dāng)著我的面吹牛渠牲,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播步悠,決...
    沈念sama閱讀 40,755評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼签杈,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了鼎兽?” 一聲冷哼從身側(cè)響起答姥,我...
    開封第一講書人閱讀 39,660評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎谚咬,沒(méi)想到半個(gè)月后鹦付,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,203評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡择卦,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,287評(píng)論 3 340
  • 正文 我和宋清朗相戀三年敲长,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片秉继。...
    茶點(diǎn)故事閱讀 40,427評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡祈噪,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出秕噪,到底是詐尸還是另有隱情钳降,我是刑警寧澤,帶...
    沈念sama閱讀 36,122評(píng)論 5 349
  • 正文 年R本政府宣布腌巾,位于F島的核電站遂填,受9級(jí)特大地震影響铲觉,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜吓坚,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,801評(píng)論 3 333
  • 文/蒙蒙 一撵幽、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧礁击,春花似錦盐杂、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,272評(píng)論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至挚躯,卻和暖如春强衡,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背码荔。 一陣腳步聲響...
    開封第一講書人閱讀 33,393評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工漩勤, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人缩搅。 一個(gè)月前我還...
    沈念sama閱讀 48,808評(píng)論 3 376
  • 正文 我出身青樓越败,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親硼瓣。 傳聞我的和親對(duì)象是個(gè)殘疾皇子究飞,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,440評(píng)論 2 359

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

  • 問(wèn)答題47 /72 常見瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,756評(píng)論 1 92
  • ¥開啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個(gè)線程巨双,因...
    小菜c閱讀 6,440評(píng)論 0 17
  • 0.B/S結(jié)構(gòu) 瀏覽器服務(wù)器模式,web瀏覽器是客戶端最主要的應(yīng)用軟件.將客戶端使用web進(jìn)行統(tǒng)一,系統(tǒng)功能實(shí)現(xiàn)集...
    liusong007閱讀 1,061評(píng)論 0 1
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理噪猾,服務(wù)發(fā)現(xiàn),斷路器筑累,智...
    卡卡羅2017閱讀 134,693評(píng)論 18 139
  • 眾里尋他千百度 驀然回首卻在燈火蹣跚處 這里是氣脈瑜伽世界 這里是氣脈瑜伽殿堂 ...
    游俠成峰閱讀 423評(píng)論 0 0