HTML基礎(chǔ)語法

HTML是用來描述網(wǎng)頁的一種語言蹂析,以下均為本人在菜鳥教程上面學(xué)習(xí)總結(jié)出來的一些簡單的語法向叉。
首先得用文本編輯器缩多,我用的是sublime Text,新建保存為文件名+.html的格式宪塔,默認(rèn)打開的方式就會(huì)是你的默認(rèn)瀏覽器打開埋嵌,就可以看出演示的效果了第献。
因?yàn)楹啎鴮懽鞯恼Z法支持HTML贡必,所以很多文本中標(biāo)簽都會(huì)多一個(gè)空格,是為了能顯示出來庸毫,不然就會(huì)默認(rèn)為HTML的語法仔拟,導(dǎo)致不正常的顯示。

1.HTML的標(biāo)題

HTML的標(biāo)題()Heading是通過< h1 >-< h6 > 標(biāo)簽來定義的

<h1> 這是一個(gè)標(biāo)題 </h1>
<h2> 這是一個(gè)標(biāo)題</h2>
<h3> 這是一個(gè)標(biāo)題</h3>

2.HTML段落

<p>這是一個(gè)段落</p>
<p> 這是另外一個(gè)段落</p>

3.HTML鏈接

HTMLl鏈接是通過標(biāo)簽< a >來定義的

<a 這是一個(gè)鏈接</a>

提示:在href屬性指定鏈接的地址

4.HTML圖像

HTML圖像是通過標(biāo)簽< img>來定義的

<img src = "同級(jí)圖片的圖片文件名" width = "寬度自己填" height = "高度">

注意:圖像的名稱和尺寸是以屬性的形式提供的飒赃。

5.HTML元素位置

下面是一個(gè)完整的實(shí)例利花,HTML的元素全都寫在<body></body>中

<!DOCTYPE html>
<html>

<body>
<p> 這是第一個(gè)段落 </p>
</body>
</html>

6.不要忘記標(biāo)簽

即使你忘記了標(biāo)簽,大多數(shù)瀏覽器也會(huì)正確的顯示html载佳,但是不要依賴這種做法炒事,忘記標(biāo)簽可能會(huì)導(dǎo)致不可預(yù)料的結(jié)果

7.HTML折行

如果希望在不產(chǎn)生一個(gè)新段落的情況下進(jìn)行換行,使用 < br>標(biāo)簽

<p>這個(gè)<br>段落演示<br>了分行的效果</p>

輸出就是這樣

這個(gè)
段落演示
了分行的效果

這里值得提醒的是:< br>沒有結(jié)束標(biāo)簽蔫慧,請(qǐng)看下一點(diǎn)挠乳,空元素。

8.HTML空元素

沒有內(nèi)容的HTML元素被稱為空元素∷铮空元素是在開始標(biāo)簽中關(guān)閉的盟蚣。< br>就是沒有關(guān)閉標(biāo)簽的空元素。
在XHTML卖怜,XML以及未來版本的HTML中屎开,所有元素都必須被關(guān)閉。
在開始標(biāo)簽中添加斜杠马靠,比如
,是關(guān)閉空元素的正確方法奄抽,HTML、XHTML和XML都接受這種方式虑粥。
即使< br>在所有瀏覽器中都是有效的如孝,但是使用
其實(shí)是更長遠(yuǎn)的保障宪哩。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末娩贷,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子锁孟,更是在濱河造成了極大的恐慌彬祖,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,113評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件品抽,死亡現(xiàn)場離奇詭異储笑,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)圆恤,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門突倍,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人盆昙,你說我怎么就攤上這事羽历。” “怎么了淡喜?”我有些...
    開封第一講書人閱讀 153,340評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵秕磷,是天一觀的道長。 經(jīng)常有香客問我炼团,道長澎嚣,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,449評(píng)論 1 279
  • 正文 為了忘掉前任瘟芝,我火速辦了婚禮易桃,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘锌俱。我一直安慰自己晤郑,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評(píng)論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著贩汉,像睡著了一般驱富。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上匹舞,一...
    開封第一講書人閱讀 49,166評(píng)論 1 284
  • 那天褐鸥,我揣著相機(jī)與錄音,去河邊找鬼赐稽。 笑死叫榕,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的姊舵。 我是一名探鬼主播晰绎,決...
    沈念sama閱讀 38,442評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼括丁!你這毒婦竟也來了荞下?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,105評(píng)論 0 261
  • 序言:老撾萬榮一對(duì)情侶失蹤史飞,失蹤者是張志新(化名)和其女友劉穎尖昏,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體构资,經(jīng)...
    沈念sama閱讀 43,601評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡抽诉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了吐绵。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片迹淌。...
    茶點(diǎn)故事閱讀 38,161評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖己单,靈堂內(nèi)的尸體忽然破棺而出唉窃,到底是詐尸還是另有隱情,我是刑警寧澤荷鼠,帶...
    沈念sama閱讀 33,792評(píng)論 4 323
  • 正文 年R本政府宣布句携,位于F島的核電站,受9級(jí)特大地震影響允乐,放射性物質(zhì)發(fā)生泄漏矮嫉。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評(píng)論 3 307
  • 文/蒙蒙 一牍疏、第九天 我趴在偏房一處隱蔽的房頂上張望蠢笋。 院中可真熱鬧,春花似錦鳞陨、人聲如沸昨寞。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽援岩。三九已至歼狼,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間享怀,已是汗流浹背羽峰。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評(píng)論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留添瓷,地道東北人梅屉。 一個(gè)月前我還...
    沈念sama閱讀 45,618評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像鳞贷,于是被迫代替她去往敵國和親坯汤。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評(píng)論 2 344

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

  • 0.B/S結(jié)構(gòu) 瀏覽器服務(wù)器模式,web瀏覽器是客戶端最主要的應(yīng)用軟件.將客戶端使用web進(jìn)行統(tǒng)一,系統(tǒng)功能實(shí)現(xiàn)集...
    liusong007閱讀 1,047評(píng)論 0 1
  • 源自SeeYouBug博客 地址為:http://www.cnblogs.com/SeeYouBug 一搀愧、HTML...
    欲淚成雪閱讀 1,212評(píng)論 0 15
  • 1. 瀏覽器頁面有哪三層構(gòu)成惰聂,分別是什么,作用是什么? 構(gòu)成:結(jié)構(gòu)層妈橄、表示層庶近、行為層分別是:HTML翁脆、CSS眷蚓、Ja...
    程序猿人王小賤閱讀 1,867評(píng)論 1 11
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,728評(píng)論 1 92
  • 又是一年遍地桃花的季節(jié),我喜歡花罢缸、喜歡很多很多的花篙贸,花香和花瓣都會(huì)讓我開心起來!我喜歡一個(gè)男孩瞧挤、我叫他小花袖裕,我們是...
    涂小花閱讀 230評(píng)論 0 0