整合營銷服務(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无码一区二区三区人妖| 中文字幕一区二区三| 一区二区三区www| 国产人妖视频一区二区破除| 精品人妻系列无码一区二区三区| 成人精品视频一区二区三区不卡| www一区二区三区| 精品中文字幕一区在线| 精品久久久中文字幕一区 | 国产精品无码一区二区三级| 一区二区三区在线看| 国产精品亚洲一区二区无码| 精品国产精品久久一区免费式 | 高清在线一区二区| 日韩在线一区二区三区免费视频| 国产成人一区二区三区电影网站| 精品亚洲福利一区二区| 国产一区中文字幕| 日本精品一区二区三区在线视频| 白丝爆浆18禁一区二区三区| 国产一区二区三区内射高清| 无码人妻久久一区二区三区蜜桃| 亚洲一区二区三区国产精品| 中文字幕一区在线播放| 久久人妻内射无码一区三区 | 色精品一区二区三区| 视频一区二区三区人妻系列| 台湾无码AV一区二区三区| 国产免费一区二区三区在线观看 | 亚洲国产精品一区二区三区久久 | 丰满爆乳无码一区二区三区| 成人区人妻精品一区二区不卡| 精品一区二区三区免费毛片| 国产91大片精品一区在线观看 | 激情久久av一区av二区av三区|