01.HTML簡介 HTML(Hyper Text Mark-up Language超文本標(biāo)記語言)，標(biāo)記就是用來描述網(wǎng)頁內(nèi)容的一些特定符號唁奢，HTML不是編程語言，而是一種描述性的標(biāo)記語言肠阱，用于描述網(wǎng)頁中內(nèi)容的顯示方式饥臂，比如文字以什么顏色、大小來顯示茅信，這些都是利用HTML標(biāo)記來實現(xiàn)的. HTML文檔的創(chuàng)建方式: 用HTML語言創(chuàng)建的文檔 ·手工直接編寫(例如記事本) ·通過圖形化的HTML開發(fā)軟件Dreamweaver ·由Web服務(wù)器上的動態(tài)網(wǎng)頁程序生成 標(biāo)記也稱為標(biāo)簽或元素.
02.HTML語法 HTML最基本的語法是: <標(biāo)記符>內(nèi)容</標(biāo)記符> 標(biāo)記符通常都是成對出現(xiàn)的盾舌，有一個開頭標(biāo)記和結(jié)束標(biāo)記，結(jié)束標(biāo)記只是在開頭標(biāo)記的前面加一個斜杠"/"蘸鲸，當(dāng)瀏覽器打開html文件后妖谴，就會理解里面的標(biāo)記符，然后把標(biāo)記符對應(yīng)的功能表達出來酌摇。例如: <hr width="80%" /) <font size="7">文字內(nèi)容</font>
制作一個html網(wǎng)頁文件: ·新建一個記事本的文件膝舅，命名為 *.html ·在文件里面輸入內(nèi)容 HTML標(biāo)記的類型: 單標(biāo)記與雙標(biāo)記 ·單標(biāo)記: <標(biāo)記名稱> ·單一型，無屬性值: 如: <br /> ·單一型窑多，有屬性值: 如: <hr width="80%" /> ·雙標(biāo)記 ·無屬性值: <標(biāo)記名稱>...</標(biāo)記名稱> 如: <title>...</title> ·有屬性值: <標(biāo)記名稱 屬性="屬性值">...</標(biāo)記名稱> 如: <font size"7">...</font>
說明: ·標(biāo)記與屬性仍稀、屬性之間以空格分隔 ·屬性不區(qū)分先后順序，且屬性不是必需的. ·雖然在HTML中標(biāo)記不區(qū)分大小寫埂息，但在XHTML中所有標(biāo)記都必須小寫技潘，所以建議所有標(biāo)記都采用小寫.
03.HTML文檔結(jié)構(gòu) 所有的網(wǎng)頁文件遥巴，通常由四對標(biāo)記來構(gòu)成文檔的骨架: <html> <head> <title> 標(biāo)題 <title> </head> <body> 正文 </body> </html> 說明: ·<html>...</html> 標(biāo)識網(wǎng)頁文件的開始與結(jié)束，所有的html元素都要放在這對標(biāo)記中. ·<head>...</head> 標(biāo)識網(wǎng)頁文件的頭部信息享幽，如標(biāo)題铲掐、搜索引擎關(guān)鍵字等. ·<title>...</title> 標(biāo)識網(wǎng)頁文件的標(biāo)題 ·<body>...</body> 標(biāo)識網(wǎng)頁文件的主體部分
04.注釋: 注釋格式:
05.頭部(head)標(biāo)記 meta標(biāo)記用于定義文件信息，對網(wǎng)頁文件進行說明值桩，便于搜索引擎查找摆霉。放置于<head></head>之間. ·設(shè)置關(guān)鍵字: <meta name="keywords" content="value"> 多個關(guān)鍵字內(nèi)容之間可以用","分隔. ·設(shè)置描述: <meta name="description" content="value"> ·設(shè)置作者: <meta name="author" content="作者名"> ·設(shè)置字符集: <meta http-equiv="content-type" content="text/html;charset=gb2312"> ·設(shè)置頁面定時跳轉(zhuǎn): <meta http-equiv="refresh" content="2;URL=http://www.sohu.com" />
06.主體(body)標(biāo)記 <body bgcolor="背景顏色" background="背景圖象" text="文本顏色" link="鏈接文本顏色" leftmargin="左邊界" rightmargin="右邊界" topmargin="上邊界" bottommargin="下邊界"> </body> ·在HTML4.01中，所有body元素的"呈現(xiàn)屬性"均不被贊成使用奔坟。 ·在XHTML1.0 Strict DTD中携栋，所有body元素的"呈現(xiàn)屬性"均不被支持。
07.字符格式 功能 標(biāo)記 加粗 <b>文本</b> 傾斜 <i>文本</i> 加強語氣(加粗) <strong>文本</strong> 加強語氣(傾斜) <em>文本</em> 下劃線 <u>文本</u> 刪除線 <s>文本</s> 上標(biāo) 文本 下標(biāo) 文本 說明 ·如果標(biāo)記的內(nèi)容比較重要蛀蜜，可以在語義上加權(quán) ·文章網(wǎng)頁的主題推薦使用<h1>...</h1> ·網(wǎng)頁的段落文字推薦使用<p>...</p>
08.段落控制標(biāo)記 <hx align="對齊方式">...</hx> 段落標(biāo)題說明: ·x取值[1-6] ·hx內(nèi)的文本會自動加粗顯示 ·hx針對的對象是段落刻两，而font針對的對象是任意文本.
09.換行 <br />: 換行(換行不換段)
學(xué)習(xí)筆記
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來晤硕，“玉大人悼潭，你說我怎么就攤上這事∥韫浚” “怎么了舰褪？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長疏橄。 經(jīng)常有香客問我占拍，道長，這世上最難降的妖魔是什么捎迫？ 我笑而不...
- 正文 為了忘掉前任晃酒，我火速辦了婚禮，結(jié)果婚禮上窄绒，老公的妹妹穿的比我還像新娘贝次。我一直安慰自己，他們只是感情好彰导，可當(dāng)我...
- 文/花漫 我一把揭開白布浊闪。 她就那樣靜靜地躺著恼布，像睡著了一般。 火紅的嫁衣襯著肌膚如雪搁宾。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼茂卦，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了组哩？” 一聲冷哼從身側(cè)響起等龙，我...
- 正文 年R本政府宣布辩尊，位于F島的核電站涛浙，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏摄欲。R本人自食惡果不足惜轿亮，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望胸墙。 院中可真熱鬧我注，春花似錦、人聲如沸迟隅。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至奔缠，卻和暖如春掠抬，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背校哎。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
- 原 Blog 鏈接：HTML基礎(chǔ)學(xué)習(xí)筆記 自學(xué) html 基礎(chǔ)筆記 Web 前端簡單介紹 web 前端包含： pc...
- Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具（例如配置管理屈留，服務(wù)發(fā)現(xiàn)局冰，斷路器，智...
- 之前通過深入學(xué)習(xí)DOM的相關(guān)知識绕沈，看了慕課網(wǎng)DOM探索之基礎(chǔ)詳解篇這個視頻（在最近看第三遍的時候锐想，準(zhǔn)備記錄一點東西...
