學習網頁製作並不難,HTML菜鳥教程,從這裡開始第一課學習

賈偉光 發佈 2020-12-14T02:16:03+00:00

很多朋友想學一下網頁製作,上網一看,只要涉及到網頁製作,都離不開HTML這個詞語,HTML是HyperText Markup Language的簡稱,想學習HTML語言,先得了解一些基本知識,今天這邊內容可以作為學習HTML的菜鳥教程第一課。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菜鳥教程的第一課,首先保持一個良好的心態來學習,有好的心態,知識方面只要循序漸進,學會就是水到渠成的事情了 。

關鍵字: