HTML學(xué)習(xí)總結(jié)

引言:

HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言拒担。HTML 指的是超文本標(biāo)記語(yǔ)言: HyperText Markup Language;HTML 不是一種編程語(yǔ)言档插,而是一種標(biāo)記語(yǔ)言舍沙,標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽 (markup tag),HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)颊亮;HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容柴梆,HTML文檔也叫做 web 頁(yè)面。

HTML基礎(chǔ):

1.HTML標(biāo)題:

通過(guò)<h1>-<h6>標(biāo)簽進(jìn)行定義
如:<h1>這是一個(gè)標(biāo)題</h1>

2.HTML段落:

通過(guò)標(biāo)簽<p>進(jìn)行定義
如:<p>這是一個(gè)段落终惑。</p>

3.HTML鏈接:

用標(biāo)簽<a>來(lái)進(jìn)行定義
如:<a >這是一個(gè)鏈接</a>

4.HTML圖像:

通過(guò)標(biāo)簽<img>定義
如:<img src="/images/logo.png" width="258" height="39" />

HTML屬性:

HTML元素可以設(shè)置屬性绍在,屬性可以在元素中添加附加信息,屬性一般在開始標(biāo)簽中描述雹有,屬性總是以鍵值對(duì)的形式出現(xiàn)

HTML文本格式化標(biāo)簽:

標(biāo)簽 描述
<b> 給字體加粗
<em> 著重文字
<i> 斜體字
<small> 小號(hào)字
<strong> 加重語(yǔ)氣
下標(biāo)字體
上標(biāo)字體
<ins> 插入字
<del> 刪除字

HTML頭部:

1.HTML<title>元素

在頭中設(shè)置title
設(shè)置meta偿渡,如<meta charset="utf-8">

2.HTML<base>元素

設(shè)置所有鏈接標(biāo)簽的默認(rèn)鏈接,如

<base  target="_blank">

3.HMTL<style>元素

預(yù)定義各類標(biāo)簽的樣式

4.HTML<script>元素

用于加載腳本文件霸奕,如js的腳本文件

5.HTML<link>元素

用于定義文檔與外部資源之間的聯(lián)系溜宽,通常用于鏈接到樣式表,如
<link rel="stylesheet" type="text/css" href="mystyle.css">

HTML樣式:

在各個(gè)標(biāo)簽中通過(guò)設(shè)置style屬性來(lái)改變標(biāo)簽的樣式质帅,如
<h1 style="font-family:verdana;">一個(gè)標(biāo)題</h1>
<p style="font-family:arial;color:red;font-size:20px;">一個(gè)段落适揉。</p>

HTML中引用圖片:

通過(guò)使用img標(biāo)簽,設(shè)置src指向圖片所在位置煤惩,如
<img src="smiley.gif" alt="Smiley face" width="32" height="32"></p>

HTML表格:

<tr>標(biāo)簽標(biāo)示行嫉嘀,在行中插入<td>,完成每一行中的列設(shè)置
<table border="1">
 <tr> 
<td>row 1, cell 1</td> 
<td>row 1, cell 2</td> 
</tr> 
<tr> 
<td>row 2, cell 1</td> 
<td>row 2, cell 2</td> 
</tr>
</table>

HTML列表:

1.有序列表

<ol>
   <li>Coffee</li>
   <li>Tea</li>
   <li>Milk</li>
</ol>

2.無(wú)序列表

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

HTML區(qū)塊:

1.<div>元素

是塊級(jí)元素魄揉,它可用于組合其他HTML元素的容器

2.<span>元素

是內(nèi)聯(lián)元素棉饶,可用于文本的容器

HTML表單:

包含了輸入字段和提交按鈕

HTML子窗口:

可以視同iframe進(jìn)行設(shè)置

<iframe src="demo_iframe.htm" frameborder="0"></iframe>

原創(chuàng)文章轉(zhuǎn)載請(qǐng)標(biāo)明出處
更多文章請(qǐng)查看
http://www.canfeng.xyz

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末蕴坪,一起剝皮案震驚了整個(gè)濱河市姓迅,隨后出現(xiàn)的幾起案子夹抗,更是在濱河造成了極大的恐慌,老刑警劉巖兵怯,帶你破解...
    沈念sama閱讀 217,084評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件彩匕,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡摇零,警方通過(guò)查閱死者的電腦和手機(jī)推掸,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門桶蝎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人谅畅,你說(shuō)我怎么就攤上這事登渣。” “怎么了毡泻?”我有些...
    開封第一講書人閱讀 163,450評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵胜茧,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我仇味,道長(zhǎng)呻顽,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,322評(píng)論 1 293
  • 正文 為了忘掉前任丹墨,我火速辦了婚禮廊遍,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘贩挣。我一直安慰自己喉前,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,370評(píng)論 6 390
  • 文/花漫 我一把揭開白布王财。 她就那樣靜靜地躺著卵迂,像睡著了一般。 火紅的嫁衣襯著肌膚如雪绒净。 梳的紋絲不亂的頭發(fā)上见咒,一...
    開封第一講書人閱讀 51,274評(píng)論 1 300
  • 那天,我揣著相機(jī)與錄音挂疆,去河邊找鬼改览。 笑死,一個(gè)胖子當(dāng)著我的面吹牛缤言,可吹牛的內(nèi)容都是我干的恃疯。 我是一名探鬼主播,決...
    沈念sama閱讀 40,126評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼墨闲,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了郑口?” 一聲冷哼從身側(cè)響起鸳碧,我...
    開封第一講書人閱讀 38,980評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎犬性,沒(méi)想到半個(gè)月后瞻离,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,414評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡乒裆,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,599評(píng)論 3 334
  • 正文 我和宋清朗相戀三年套利,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,773評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡肉迫,死狀恐怖验辞,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情喊衫,我是刑警寧澤跌造,帶...
    沈念sama閱讀 35,470評(píng)論 5 344
  • 正文 年R本政府宣布,位于F島的核電站族购,受9級(jí)特大地震影響壳贪,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜寝杖,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,080評(píng)論 3 327
  • 文/蒙蒙 一违施、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧瑟幕,春花似錦磕蒲、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至鹿霸,卻和暖如春排吴,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背懦鼠。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工钻哩, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人肛冶。 一個(gè)月前我還...
    沈念sama閱讀 47,865評(píng)論 2 370
  • 正文 我出身青樓街氢,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親睦袖。 傳聞我的和親對(duì)象是個(gè)殘疾皇子珊肃,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,689評(píng)論 2 354

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

  • 1:HTML 是什么?是編程語(yǔ)言嗎馅笙? HTML是超文本標(biāo)記語(yǔ)言伦乔,是HyperText Markup Lan...
    飛_BJTU閱讀 2,100評(píng)論 0 0
  • 我?jiàn)^斗,所以我快樂(lè) 下面是對(duì)HTML的知識(shí)點(diǎn)做一個(gè)總結(jié)(這是一個(gè)艱辛的過(guò)程董习,不過(guò)還是很happy)烈和。 一、基本概念...
    姬鳥念漁閱讀 1,045評(píng)論 0 2
  • 瀏覽器與服務(wù)器的基本概念 瀏覽器(安裝在電腦里面的一個(gè)軟件) 作用: ①將網(wǎng)頁(yè)內(nèi)容渲染呈現(xiàn)給用戶查看皿淋。 ②讓用戶通...
    云還灬閱讀 1,118評(píng)論 0 0
  • 概要 64學(xué)時(shí) 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,184評(píng)論 0 3
  • 最近在微博上看到一則新聞招刹,大概內(nèi)容就是一女孩勸自己的閨蜜和她毒販男友分手恬试,沒(méi)想到閨蜜竟然懷恨在心在咖啡里下毒當(dāng)場(chǎng)把...
    九一v閱讀 597評(píng)論 0 1