Web前端零基礎(chǔ)HTML5入門(2)

一寺董、元素

1、元素嵌套:元素中可以包含元素刻剥,可以包含其他元素也可以包含相同的元素遮咖。

嵌套的層級(jí)沒(méi)有限制。

2造虏、注釋

注釋可以提高代碼可讀性御吞,更易被人理解。瀏覽器會(huì)忽略注釋漓藕,不會(huì)顯示它們陶珠。
注釋用 結(jié)束:

 <!--  注釋文字   -->

<h1>h1號(hào)文字</h1>
<h6>h6號(hào)文字</h6>

3、塊元素

塊級(jí)元素在瀏覽器顯示時(shí)享钞,通常會(huì)以新行來(lái)開始(和結(jié)束)揍诽。
比如:<h1>, <p>, <div>

4、內(nèi)聯(lián)元素

內(nèi)聯(lián)元素在顯示時(shí)通常不會(huì)以新行開始,多個(gè)內(nèi)聯(lián)元素寫在一起會(huì)顯示在同一行寝姿。內(nèi)聯(lián)元素的寬高度隨著元素內(nèi)容而變化交排。
比如:<b>, <span>, <a>, <img>

二、網(wǎng)頁(yè)頭部

<head> 元素包含了所有的頭部標(biāo)簽元素饵筑。通常樣式css、腳本js寫在head里面处坪。
在里面可以插入<meta> 根资、 <title>、<style>同窘、<link>玄帕、<script>等元素。

1想邦、網(wǎng)頁(yè)文檔標(biāo)題 title

<title> 是網(wǎng)頁(yè)的標(biāo)題裤纹,通常是必須要的,瀏覽器添加收藏的后在收藏夾中顯示的標(biāo)題丧没,分享到朋友圈鹰椒、好友顯示的標(biāo)題,在搜索引擎(百度)搜索結(jié)果列表中顯示的標(biāo)題

2呕童、base標(biāo)簽

<base> 整個(gè)文檔的鏈接根地址漆际、默認(rèn)鏈接的地址。

注:用的少夺饲,基本不用

3奸汇、link標(biāo)簽

鏈接(引入)外部資源地址。

通常用來(lái)鏈接樣式表(css)

4往声、style

<style>元素添加樣式來(lái)渲染 HTML 顯示樣式擂找。用來(lái)寫css的。

5浩销、script

<script>標(biāo)簽用于加載腳本文件贯涎,如:JavaScript。

6撼嗓、meta

meta標(biāo)簽描述了一些基本的元數(shù)據(jù)柬采。
META元素通常用于指定網(wǎng)頁(yè)的描述,關(guān)鍵詞且警,文件的最后修改時(shí)間粉捻,作者及其他元數(shù)據(jù)。
keywords(關(guān)鍵詞)斑芜,比如在瀏覽器中搜索“html入門”:

<metaname="keywords"content="html入門">

description:頁(yè)面的描述

<metaname="description"content="html的是網(wǎng)頁(yè)前端基礎(chǔ)">

author:頁(yè)面作者

<metaname="author"content="張三">

charset:頁(yè)面的編碼

<metacharset="UTF-8">

刷新當(dāng)前頁(yè)面(30秒刷新一次頁(yè)面)

<metahttp-equiv="refresh"content="30">  

viewport:手機(jī)頁(yè)面常用到肩刃,適應(yīng)手機(jī)屏幕,設(shè)置縮放比例等

<metaname="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />

width:控制 頁(yè)面顯示 的大小,可以指定的一個(gè)值盈包,如果 600沸呐,或者特殊的值,如 device-width 為設(shè)備的寬度(單位為縮放為 100% 時(shí)的 CSS 的像素)呢燥。
height:和 width 相對(duì)應(yīng)崭添,指定高度。
initial-scale:初始縮放比例叛氨,也即是當(dāng)頁(yè)面第一次 打開頁(yè)面 的時(shí)候縮放比例呼渣。
maximum-scale:允許用戶縮放到的最大比例。
minimum-scale:允許用戶縮放到的最小比例寞埠。
user-scalable:用戶是否可以手動(dòng)縮放

7屁置、<!DOCTYPE>

聲明文檔的類型,HTML 也有多個(gè)不同的版本仁连,確定 HTML 版本蓝角,瀏覽器才能完全正確地顯示出頁(yè)面,這就是 <!DOCTYPE> 的用處饭冬。
聲明必須是 HTML 文檔的第一行使鹅,位于 <html> 標(biāo)簽之前。

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末伍伤,一起剝皮案震驚了整個(gè)濱河市并徘,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌扰魂,老刑警劉巖麦乞,帶你破解...
    沈念sama閱讀 222,946評(píng)論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異劝评,居然都是意外死亡姐直,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,336評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門蒋畜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)声畏,“玉大人,你說(shuō)我怎么就攤上這事姻成〔辶洌” “怎么了?”我有些...
    開封第一講書人閱讀 169,716評(píng)論 0 364
  • 文/不壞的土叔 我叫張陵科展,是天一觀的道長(zhǎng)均牢。 經(jīng)常有香客問(wèn)我,道長(zhǎng)才睹,這世上最難降的妖魔是什么徘跪? 我笑而不...
    開封第一講書人閱讀 60,222評(píng)論 1 300
  • 正文 為了忘掉前任甘邀,我火速辦了婚禮,結(jié)果婚禮上垮庐,老公的妹妹穿的比我還像新娘松邪。我一直安慰自己,他們只是感情好哨查,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,223評(píng)論 6 398
  • 文/花漫 我一把揭開白布逗抑。 她就那樣靜靜地躺著,像睡著了一般寒亥。 火紅的嫁衣襯著肌膚如雪锋八。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,807評(píng)論 1 314
  • 那天护盈,我揣著相機(jī)與錄音,去河邊找鬼羞酗。 笑死腐宋,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的檀轨。 我是一名探鬼主播胸竞,決...
    沈念sama閱讀 41,235評(píng)論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼参萄!你這毒婦竟也來(lái)了卫枝?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,189評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤讹挎,失蹤者是張志新(化名)和其女友劉穎校赤,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體筒溃,經(jīng)...
    沈念sama閱讀 46,712評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡马篮,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,775評(píng)論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了怜奖。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片浑测。...
    茶點(diǎn)故事閱讀 40,926評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖歪玲,靈堂內(nèi)的尸體忽然破棺而出迁央,到底是詐尸還是另有隱情,我是刑警寧澤滥崩,帶...
    沈念sama閱讀 36,580評(píng)論 5 351
  • 正文 年R本政府宣布岖圈,位于F島的核電站,受9級(jí)特大地震影響夭委,放射性物質(zhì)發(fā)生泄漏幅狮。R本人自食惡果不足惜募强,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,259評(píng)論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望崇摄。 院中可真熱鬧擎值,春花似錦、人聲如沸逐抑。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,750評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)厕氨。三九已至进每,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間命斧,已是汗流浹背田晚。 一陣腳步聲響...
    開封第一講書人閱讀 33,867評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留国葬,地道東北人贤徒。 一個(gè)月前我還...
    沈念sama閱讀 49,368評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像汇四,于是被迫代替她去往敵國(guó)和親接奈。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,930評(píng)論 2 361