HTML基礎(chǔ)

HTML 是什么

HTML 是用來描述網(wǎng)頁內(nèi)容的一種語言

head 里的標(biāo)簽

head標(biāo)簽里主要得幾個標(biāo)簽有

meta, link, script, title

meta 元素可提供有關(guān)頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞。

body 里的標(biāo)簽

body里的標(biāo)簽就太多了隙券,主要分為幾類

  • Section
  • Group Content
  • Text Marker
  • Table
  • Form
  • Embed

div 標(biāo)簽

為什么使用 div 標(biāo)簽

<div>標(biāo)簽可以將網(wǎng)頁分割成不同的固阁、清晰的诈火、獨立的局部模塊溜哮,然后在不同的模塊中添加內(nèi)容屿良。 這樣使網(wǎng)頁布局結(jié)構(gòu)更加清晰悠栓,代碼更加獨立霉涨,代碼修改時能盡量少地影響到整體頁面, 所以在網(wǎng)頁開發(fā)中提倡使用<div>標(biāo)簽惭适。

div 標(biāo)簽使用及常用屬性

下面講一下 <div>標(biāo)簽的使用:

<div id="left" class = "left_css"> <p>左側(cè)欄</p></div>
  • id: 用于標(biāo)識<div>塊(即<div>標(biāo)簽的名字)
  • class: 修飾<div>塊的css樣式組

<div>圖層定義常見的屬性設(shè)置:

  • position:絕對定位和相對定位 (abosolute,relative)
  • height: <div>模塊的高度
  • width:<div>模塊的寬度
  • left:相對于窗口左邊的位置
  • top:相對于窗口上邊的位置

section 標(biāo)簽

為什么使用"section"

網(wǎng)頁中一些描述性模塊一般會區(qū)分標(biāo)題笙瑟、段落、導(dǎo)航癞志、側(cè)邊欄等展示給用戶往枷,雖然我們有了div布局頁面,但為了使我們更加清晰更加準(zhǔn)確地根據(jù)不同的需求進(jìn)行頁面布局凄杯,html5引進(jìn)了一些具有特殊意義的"section"標(biāo)簽错洁,這就需要我們對這些有意義的"section"進(jìn)行學(xué)習(xí)。

<h>標(biāo)簽的學(xué)習(xí)與使用

六種H標(biāo)簽戒突,分別為h1屯碴,h2,h3膊存,h4导而,h5,h6
H標(biāo)簽設(shè)置文字模塊的標(biāo)題隔崎,不同級別的標(biāo)題今艺,使用不同的h標(biāo)簽,<h1>標(biāo)簽級別最高爵卒。每一對H標(biāo)簽將其里面的內(nèi)容作為一個獨立的模塊虚缎。如下為H標(biāo)簽的使用:

<h1>我是H1</h1>
<h2>我是H2</h2>
<h3>我是H3</h3>
<h4>我是H4</h4>
<h5>我是H5</h5>
<h6>我是H6</h6>

對應(yīng)的效果如下:

<h1>我是H1</h1>
<h2>我是H2</h2>
<h3>我是H3</h3>
<h4>我是H4</h4>
<h5>我是H5</h5>
<h6>我是H6</h6>

網(wǎng)頁中的<section>和<article>標(biāo)簽

<section>顧名思義就是一個章節(jié),它適用于對文檔進(jìn)行分塊技潘,將文檔劃分為章節(jié)(常用語修飾文檔大綱)遥巴,或者對一篇文章進(jìn)行分塊,將整篇文章分成不同的內(nèi)容塊享幽。
<section>一般包含h1~h6中的標(biāo)題元素铲掐。
<article>標(biāo)簽是特殊的<section>標(biāo)簽,與section不同值桩,<article>標(biāo)簽是將文檔或文章中的內(nèi)容劃分為相對獨立的模塊(如摆霉,將整本書的內(nèi)容劃分成多篇文章,或者將一篇文章劃分成相對獨立的不同的小結(jié)等),當(dāng)然携栋,我們所說的獨立是指同一級別的article標(biāo)簽中的內(nèi)容是相互獨立的搭盾,所以一般在article標(biāo)簽內(nèi)一般包含header和footer標(biāo)簽。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末婉支,一起剝皮案震驚了整個濱河市鸯隅,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌向挖,老刑警劉巖蝌以,帶你破解...
    沈念sama閱讀 216,919評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異何之,居然都是意外死亡跟畅,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,567評論 3 392
  • 文/潘曉璐 我一進(jìn)店門溶推,熙熙樓的掌柜王于貴愁眉苦臉地迎上來徊件,“玉大人,你說我怎么就攤上這事蒜危∈郏” “怎么了?”我有些...
    開封第一講書人閱讀 163,316評論 0 353
  • 文/不壞的土叔 我叫張陵舰褪,是天一觀的道長皆疹。 經(jīng)常有香客問我,道長占拍,這世上最難降的妖魔是什么略就? 我笑而不...
    開封第一講書人閱讀 58,294評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮晃酒,結(jié)果婚禮上表牢,老公的妹妹穿的比我還像新娘。我一直安慰自己贝次,他們只是感情好崔兴,可當(dāng)我...
    茶點故事閱讀 67,318評論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著蛔翅,像睡著了一般敲茄。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上山析,一...
    開封第一講書人閱讀 51,245評論 1 299
  • 那天堰燎,我揣著相機(jī)與錄音,去河邊找鬼笋轨。 笑死秆剪,一個胖子當(dāng)著我的面吹牛赊淑,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播仅讽,決...
    沈念sama閱讀 40,120評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼陶缺,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了洁灵?” 一聲冷哼從身側(cè)響起饱岸,我...
    開封第一講書人閱讀 38,964評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎处渣,沒想到半個月后伶贰,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蛛砰,經(jīng)...
    沈念sama閱讀 45,376評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡罐栈,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,592評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了泥畅。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片荠诬。...
    茶點故事閱讀 39,764評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖位仁,靈堂內(nèi)的尸體忽然破棺而出柑贞,到底是詐尸還是另有隱情,我是刑警寧澤聂抢,帶...
    沈念sama閱讀 35,460評論 5 344
  • 正文 年R本政府宣布钧嘶,位于F島的核電站,受9級特大地震影響琳疏,放射性物質(zhì)發(fā)生泄漏有决。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,070評論 3 327
  • 文/蒙蒙 一空盼、第九天 我趴在偏房一處隱蔽的房頂上張望书幕。 院中可真熱鬧,春花似錦揽趾、人聲如沸台汇。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,697評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽苟呐。三九已至,卻和暖如春俐筋,著一層夾襖步出監(jiān)牢的瞬間牵素,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,846評論 1 269
  • 我被黑心中介騙來泰國打工校哎, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留两波,地道東北人瞳步。 一個月前我還...
    沈念sama閱讀 47,819評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像腰奋,于是被迫代替她去往敵國和親单起。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,665評論 2 354

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

  • HTML基礎(chǔ) 本文包括 HTML基本知識與結(jié)構(gòu) HTML常見標(biāo)簽 標(biāo)簽寫法與嵌套的討論 HTML劣坊、CSS嘀倒、java...
    廖少少閱讀 2,085評論 2 21
  • html簡介: HTML學(xué)習(xí)總結(jié)慕課網(wǎng) 一、html介紹 (一)html和Css的關(guān)系 HTML是網(wǎng)頁內(nèi)容的載體局冰。...
    數(shù)獨題閱讀 668評論 0 1
  • 最近開始關(guān)注微信小程序開發(fā)测蘑,前端應(yīng)用是不太擅長的領(lǐng)域,尤其是HTML5和JavaScript康二。但是即速應(yīng)用(htt...
    山中問答閱讀 1,978評論 0 1
  • 和老妹聊著天碳胳,她激動了,因為找到了她喜歡的事-跳舞沫勿,老妹說得眉飛色舞挨约,說老師怎樣表揚她,說其它學(xué)員怎么羨慕她产雹,說在...
    b2e3ee95609a閱讀 1,076評論 1 2
  • 在這樣的夜里 我突然想留下一些思緒 這是最后一場別離 關(guān)于我 關(guān)于你 你踏著晨風(fēng)向暗里走去 腳下沉默的石板路開始...
    Nikistone閱讀 210評論 0 1