整合營銷服務商

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

          免費咨詢熱線:

          學習網頁制作并不難,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>標簽就換行了。


          主站蜘蛛池模板: 日韩人妻不卡一区二区三区| 国产A∨国片精品一区二区| 亚洲av无码一区二区三区天堂 | 色屁屁一区二区三区视频国产| 一区二区三区中文字幕| 国模视频一区二区| 男插女高潮一区二区| 亚洲精品一区二区三区四区乱码| 久久国产精品一区| 国产成人无码精品一区在线观看| 日本精品一区二区在线播放| 国产午夜精品片一区二区三区| 无码精品视频一区二区三区| 久久精品人妻一区二区三区| 美女视频免费看一区二区 | 国产vr一区二区在线观看| 日韩精品中文字幕视频一区| 亚洲AV一区二区三区四区| 精品人妻中文av一区二区三区| 国产精品日本一区二区在线播放| 国产精品无码一区二区在线观一 | 美女免费视频一区二区三区| 日韩在线一区视频| 国产伦精品一区二区三区免.费 | 久久国产精品一区| 久久无码人妻精品一区二区三区| 国产精品免费一区二区三区| 成人影片一区免费观看| 成人影片一区免费观看| 亚洲一区二区三区高清| 亚洲av成人一区二区三区| 中文字幕精品一区二区2021年| 人妻互换精品一区二区| 色国产在线视频一区| 亚洲第一区精品观看| 一区二区乱子伦在线播放| 亚洲图片一区二区| 午夜福利无码一区二区| 能在线观看的一区二区三区| 国产精品成人国产乱一区| 久久se精品一区二区国产|