整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          學習網頁制作并不難,HTML菜鳥教程,從這里開始第一課學習

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

          HTML是什么?

          一般我們說HTML是指超文本標記語言,英文名稱為HyperText Markup Language,簡稱HTML,它是目前互聯網上應用最廣泛的語言。

          如何查看HTML?

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

          當然也可以通過專業的網頁制作軟件以及各種文本編輯器來查看。

          HTML有什么用?

          HTML語言可以方便地將網絡上存儲于不同位置的文字、圖片、聲音、視頻等內容組織起來,方便用戶瀏覽。對于我們來說,HTML是學習網頁制作的基本功,熟練掌握HTML這項基本功,可以為以后的學習和工作打下良好的基礎。

          HTML如何入門?

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

          HTML案例

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

          • <!DOCTYPE html> 聲明為 HTML5 文檔
          • <html> 元素是 HTML 頁面的根元素
          • <head> 元素包含了文檔的元(meta)數據,如 <meta charset="utf-8"> 定義網頁編碼格式為 utf-8
          • <title> 描述了網頁的標題
          • <body> 元素包含了可見的頁面內容,因為下面是最簡單的案例,所以只有幾行,實際網頁一般都有很多行。
          • <h1> 定義一個大標題
          • <p> 元素定義一個段落,也就是大家常說的分段。
          <!DOCTYPE html>
          <html>
          <head>
          <meta charset="utf-8">
          <title>HTML菜鳥教程(runoob.com)</title>
          </head>
          <body>
              <h1>我的第一個標題</h1>
              <p>我的第一個段落。</p>
          </body>
          </html>

          如何編輯HTML?

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

          總結

          以上是學習HTML菜鳥教程的第一課,首先保持一個良好的心態來學習,有好的心態,知識方面只要循序漸進,學會就是水到渠成的事情了 。

          頁是一個包含HTML標簽的純文本文件

          網頁制作離不開瀏覽器制作網頁工具

          瀏覽器推薦【谷歌瀏覽器】或【火狐瀏覽器】

          制作網頁工具用電腦自帶的【記事本】即可

          六步即可學會最基礎的網頁制作!

          第一步

          右擊桌面,選擇新建,選擇文本文檔

          第二步

          打開新建的文本文檔,輸入以下內容(建議照敲一遍)

          <!doctype html>
          <html>
          <head>
          <meta charset="utf-8">
          <title>標題</title>
          </head>
          
          <body>
          </body>
          </html>

          上面這些內容就是超文本標記語言,也稱為HTML,現在HTML已經發展到第五代——HTML5,上面這些HTML5代碼是幫助我們寫出網頁的基礎。


          第三步

          右擊文檔重命名,修改文件后綴,將文件擴展名修改為.html


          什么瀏覽器打開就會出現什么瀏覽器圖標

          如果你看不到文件的擴展名那么就打開此電腦(我的電腦),在菜單欄查看勾選文件擴展名即可。

          第四步

          雙擊打開它,你會發現一片空白。


          但并不是什么都沒有,上圖中箭頭指的那一串字母就叫URL,也稱“統一資源定位器”。因為這個文件只是本地文件,所以它現在的作用是定位你的文件存放位置,顯示文檔地址,說明文檔放在什么地方。

          第五步

          忍受不了空空的感覺,那么就開始添加一些東西吧!

          右擊選擇打開方式,選擇用記事本打開

          點擊其他應用可以看到記事本

          試試看把標題改成“這是一個標題”,按快捷鍵ctrl+s保存

          刷新一下瀏覽器,于是標題就變成了“這是一個標題”

          那么我們就可以知道,修改<title></title>里面的內容可以改變標題;同時<title>標簽是<head>標簽中唯一要求包含的東西。

          第六步

          一鼓作氣,再添加一些內容吧!

          在<body></body>這一對標簽里面加上這樣一段話:

          <p>Hello</p>
          <p>World</p>

          然后保存刷新


          Hello World

          恭喜你,你已經學會了最基礎的網頁制作了。

          <p>這是什么意思呢?

          這些被稱為標簽,上面出現尖括號的都屬于標簽,它們通常都是成對的,由開始標簽和結束標簽(結束標簽加上斜杠)構成一組標簽,例如<title></title>、<p></p>。

          <p>標簽定義段落,我們寫文章一般是敲一下回車就換一行,但是網頁不一樣,你敲多少個回車都是不被識別的。

          <p>有志者,事竟成,破釜沉舟,百二秦關終屬楚;
          
          
          苦心人,天不負,臥薪嘗膽,三千越甲可吞吳!</p>
          <p><p></p>

          可以看到上面的一段話,敲多少個回車都沒有用,而下面的一段話,用兩個<p>標簽就換行了。


          主站蜘蛛池模板: 国内精品视频一区二区八戒| 亚洲一区精品伊人久久伊人| 中文字幕一区二区三区在线播放| 99国产精品一区二区| 亚洲日韩中文字幕一区| 精品少妇一区二区三区视频| 国产精品日韩一区二区三区| 狠狠色综合一区二区| 国产剧情国产精品一区| 亚洲国产精品第一区二区三区| 国产一区在线mmai| 午夜福利一区二区三区高清视频| 精品一区二区三区视频| 午夜性色一区二区三区不卡视频 | 激情综合一区二区三区| 无码精品久久一区二区三区| 欧美av色香蕉一区二区蜜桃小说| 亚洲一区二区中文| 无码少妇一区二区| 日韩精品乱码AV一区二区| 亚洲av无码一区二区三区不卡 | 高清国产精品人妻一区二区| 一区二区三区免费在线观看| 日本一区二区三区在线观看视频 | 国产波霸爆乳一区二区| 亚洲国产成人久久一区WWW | 国产一区二区三区免费| 国产一区视频在线| 色欲AV蜜臀一区二区三区| 日韩精品中文字幕无码一区 | 亚洲人AV永久一区二区三区久久| 日韩精品无码Av一区二区| 一区二区三区视频免费| 中文字幕亚洲一区二区三区| 亚洲日韩激情无码一区| 日韩一区二区久久久久久| 精品永久久福利一区二区| 亚洲色精品三区二区一区| 日本精品3d动漫一区二区| 国产日韩AV免费无码一区二区三区| 无码精品人妻一区二区三区AV|