整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          學(xué)習(xí)網(wǎng)頁制作并不難,HTML菜鳥教程,從這里開始第一課學(xué)習(xí)

          多朋友想學(xué)一下網(wǎng)頁制作,上網(wǎng)一看,只要涉及到網(wǎng)頁制作,都離不開HTML這個詞語,HTML是HyperText Markup Language的簡稱,想學(xué)習(xí)HTML語言,先得了解一些基本知識,今天這邊內(nèi)容可以作為學(xué)習(xí)HTML的菜鳥教程第一課。

          HTML是什么?

          一般我們說HTML是指超文本標(biāo)記語言,英文名稱為HyperText Markup Language,簡稱HTML,它是目前互聯(lián)網(wǎng)上應(yīng)用最廣泛的語言。

          如何查看HTML?

          拿最常見的網(wǎng)頁為例,如果用大家熟悉的IE瀏覽器的話,直接在網(wǎng)頁上點(diǎn)右鍵,選擇“查看源”即可查看當(dāng)前網(wǎng)頁的HTML源碼;如果是其他瀏覽器的話,多數(shù)情況下點(diǎn)擊右鍵,選擇“查看源碼”或者類似“查看網(wǎng)頁源代碼”這樣的選項(xiàng)即可查看。

          當(dāng)然也可以通過專業(yè)的網(wǎng)頁制作軟件以及各種文本編輯器來查看。

          HTML有什么用?

          HTML語言可以方便地將網(wǎng)絡(luò)上存儲于不同位置的文字、圖片、聲音、視頻等內(nèi)容組織起來,方便用戶瀏覽。對于我們來說,HTML是學(xué)習(xí)網(wǎng)頁制作的基本功,熟練掌握HTML這項(xiàng)基本功,可以為以后的學(xué)習(xí)和工作打下良好的基礎(chǔ)。

          HTML如何入門?

          要學(xué)習(xí)任何編程語言,都不好好高騖遠(yuǎn),HTML的入門很簡單,但是也要遵循學(xué)習(xí)的基本步驟,選擇一本入門書籍,循序漸進(jìn)地去學(xué)習(xí)每一張的內(nèi)容。一邊學(xué)習(xí),一邊查看網(wǎng)頁代碼對照來學(xué),提升入門速度。

          HTML案例

          下面就是最基本的HTML案例,在這個案例中,用的是HTML5,

          • <!DOCTYPE html> 聲明為 HTML5 文檔
          • <html> 元素是 HTML 頁面的根元素
          • <head> 元素包含了文檔的元(meta)數(shù)據(jù),如 <meta charset="utf-8"> 定義網(wǎng)頁編碼格式為 utf-8
          • <title> 描述了網(wǎng)頁的標(biāo)題
          • <body> 元素包含了可見的頁面內(nèi)容,因?yàn)橄旅媸亲詈唵蔚陌咐灾挥袔仔校瑢?shí)際網(wǎng)頁一般都有很多行。
          • <h1> 定義一個大標(biāo)題
          • <p> 元素定義一個段落,也就是大家常說的分段。
          <!DOCTYPE html>
          <html>
          <head>
          <meta charset="utf-8">
          <title>HTML菜鳥教程(runoob.com)</title>
          </head>
          <body>
              <h1>我的第一個標(biāo)題</h1>
              <p>我的第一個段落。</p>
          </body>
          </html>

          如何編輯HTML?

          這個就很多了 ,比如最出名的Dreamweaver,當(dāng)然如果熟練之后,可以選擇任意自己喜歡的編輯器,一些小的改動或者一小段代碼的話,也可以用各種常見的文本編輯器來處理,比如我們在wodows系統(tǒng)上常見的記事本,總之只要自己覺得方便就好。

          總結(jié)

          以上是學(xué)習(xí)HTML菜鳥教程的第一課,首先保持一個良好的心態(tài)來學(xué)習(xí),有好的心態(tài),知識方面只要循序漸進(jìn),學(xué)會就是水到渠成的事情了 。

          TML簡介

          HTML基本標(biāo)簽

          HTML表單標(biāo)簽

          HTML內(nèi)聯(lián)框架標(biāo)簽和其他

          TML 簡介

          HTML 實(shí)例

          <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(runoob.com)</title> </head> <body> <h1>我的第一個標(biāo)題</h1> <p>我的第一個段落。</p> </body> </html>


          實(shí)例解析

          • <!DOCTYPE html> 聲明為 HTML5 文檔
          • <html> 元素是 HTML 頁面的根元素
          • <head> 元素包含了文檔的元(meta)數(shù)據(jù),如 <meta charset="utf-8"> 定義網(wǎng)頁編碼格式為 utf-8
          • <title> 元素描述了文檔的標(biāo)題
          • <body> 元素包含了可見的頁面內(nèi)容
          • <h1> 元素定義一個大標(biāo)題
          • <p> 元素定義一個段落

          注:在瀏覽器的頁面上使用鍵盤上的 F12 按鍵開啟調(diào)試模式,就可以看到組成標(biāo)簽。



          什么是HTML?

          HTML 是用來描述網(wǎng)頁的一種語言。

          • HTML 指的是超文本標(biāo)記語言: HyperText Markup Language
          • HTML 不是一種編程語言,而是一種標(biāo)記語言
          • 標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)
          • HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁
          • HTML 文檔包含了HTML 標(biāo)簽文本內(nèi)容
          • HTML文檔也叫做 web 頁面

          HTML 標(biāo)簽

          HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)。

          • HTML 標(biāo)簽是由尖括號包圍的關(guān)鍵詞,比如 <html>
          • HTML 標(biāo)簽通常是成對出現(xiàn)的,比如 <b> 和 </b>
          • 標(biāo)簽對中的第一個標(biāo)簽是開始標(biāo)簽,第二個標(biāo)簽是結(jié)束標(biāo)簽
          • 開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽



          HTML 元素

          "HTML 標(biāo)簽" 和 "HTML 元素" 通常都是描述同樣的意思.

          但是嚴(yán)格來講, 一個 HTML 元素包含了開始標(biāo)簽與結(jié)束標(biāo)簽,


          Web 瀏覽器

          Web瀏覽器(如谷歌瀏覽器,Internet Explorer,F(xiàn)irefox,Safari)是用于讀取HTML文件,并將其作為網(wǎng)頁顯示。

          瀏覽器并不是直接顯示的HTML標(biāo)簽,但可以使用標(biāo)簽來決定如何展現(xiàn)HTML頁面的內(nèi)容給用戶:


          HTML 網(wǎng)頁結(jié)構(gòu)

          下面是一個可視化的HTML頁面結(jié)構(gòu):

          <html><head><title>頁面標(biāo)題</title></head><body><h1>這是一個標(biāo)題</h1><p>這是一個段落。</p><p>這是另外一個段落。</p></body></html>


          只有 <body> 區(qū)域 (白色部分) 才會在瀏覽器中顯示。



          HTML版本

          從初期的網(wǎng)絡(luò)誕生后,已經(jīng)出現(xiàn)了許多HTML版本:

          版本發(fā)布時間HTML1991HTML+1993HTML 2.01995HTML 3.21997HTML 4.011999XHTML 1.02000HTML52012XHTML52013



          <!DOCTYPE> 聲明

          <!DOCTYPE>聲明有助于瀏覽器中正確顯示網(wǎng)頁。

          網(wǎng)絡(luò)上有很多不同的文件,如果能夠正確聲明HTML的版本,瀏覽器就能正確顯示網(wǎng)頁內(nèi)容。

          doctype 聲明是不區(qū)分大小寫的,以下方式均可:

          <!DOCTYPE html>
          <!DOCTYPE HTML>
          <!doctype html>
          <!Doctype Html>


          通用聲明

          HTML5

          <!DOCTYPE html>

          HTML 4.01

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

          XHTML 1.0

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"



          中文編碼

          目前在大部分瀏覽器中,直接輸出中文會出現(xiàn)中文亂碼的情況,這時候我們就需要在頭部將字符聲明為 UTF-8 或 GBK。

          HTML 實(shí)例

          <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>頁面標(biāo)題</title> </head> <body> <h1>我的第一個標(biāo)題</h1> <p>我的第一個段落。</p> </body> </html>


          主站蜘蛛池模板: 男人的天堂av亚洲一区2区 | 91精品一区二区三区在线观看| 国产综合精品一区二区三区| 99精品一区二区三区无码吞精 | 影音先锋中文无码一区| 免费萌白酱国产一区二区| 无码国产伦一区二区三区视频| 亚洲一区二区三区在线观看蜜桃| 无码喷水一区二区浪潮AV| 精品人妻少妇一区二区三区不卡 | 国产精品久久久久久麻豆一区| 国产一区二区三区在线观看影院| 中文字幕精品一区二区精品| av一区二区三区人妻少妇| 无码人妻精品一区二区三区9厂| 日韩好片一区二区在线看| 日韩视频一区二区三区| 中文字幕一区二区三区永久 | 国产精品一区二区av| 国产精华液一区二区区别大吗 | 久久精品午夜一区二区福利| 色偷偷久久一区二区三区| 国产91大片精品一区在线观看 | 美女视频免费看一区二区| 中文字幕一区日韩在线视频 | 精品国产一区二区三区麻豆| 亚洲国产成人精品无码一区二区| 无码乱人伦一区二区亚洲| 中文字幕日韩一区| 日韩精品福利视频一区二区三区| 日韩在线一区二区三区免费视频| 国产一区在线视频| 乱色精品无码一区二区国产盗| 色狠狠色狠狠综合一区| 国产精品无码一区二区三区毛片| 杨幂AV污网站在线一区二区| 免费视频一区二区| 精品一区狼人国产在线| 国产精品第一区第27页| 在线日产精品一区| 国产自产V一区二区三区C|