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

2020-12-17 賈偉光

很多朋友想學一下網頁製作,上網一看,只要涉及到網頁製作,都離不開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><metacharset="utf-8"><title>HTML菜鳥教程(runoob.com)</title></head><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html>

如何編輯HTML?

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

總結

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

相關焦點

  • 第二篇:網頁製作基礎教程----HTML標籤
    在第一篇:網頁製作基礎教程----網頁的基本結構中,我們講解了一個網頁由幾個部分組成。
  • 初識HTML中的
    塊元素——零基礎自學網頁製作
    那時,dreamwaver、flash、fireworks被稱為網頁三劍客!那時,製作網頁可以不用懂的html的寫法!第一次接觸網頁製作是在大學的專業課上,使用三劍客,通過點擊軟體菜單中的按鈕就能製作網頁,精力都放在了如何使用flash製作酷炫的交互動畫上了。
  • html菜鳥教程,HTML新手如何快速入門
    但是隨著網際網路的發展,前端頁面的數據存儲需求、調用系統內置功能的需求、以及富媒體甚至網頁版的IDE、類作業系統應用等都需要搬到瀏覽器。這樣HTML5的誕生,就解決了一大部分富媒體、富應用的難題。第一:開發工具的選擇1、Nodepad++,作為一種文本編輯器,可以通過顏色標記各種html的標籤,同時可以提示出來基本的html語法,但是缺點也比較明顯:沒有集成容器運行,同時也不支持自動補標籤的功能。但是作為新手前期的開發IDE,能夠幫助新手快速記憶打好基礎。
  • 使用HTML添加表格4(行顏色與表格嵌套)——零基礎自學網頁製作
    行顏色設置的簡便方法昨天我們在《使用HTML添加表格3(間距與顏色)——零基礎自學網頁製作》中學習了設置單元格以及其中內容的空間間距和背景顏色。DOCTYPE HTML> <html> <head> <title>第一個網頁</title> </head> <body> <h1>第一個網頁</h1><hr> <h2>表格元素</h2><hr> <table border
  • 網頁開發HTML5入門內容,一起來學習吧
    本教程是實用性類,不會長篇大論闡述理論,會留一些問題供大家去理解,不了解的話百度谷歌。還需要的軟體就是瀏覽器的準備,大家肯定知道什麼是瀏覽器啦,現在谷歌,微軟新版瀏覽器以及360等眾多瀏覽器都是支持查看網頁原始碼的。滑鼠右鍵選擇查看原始碼即可。學習資料推薦:在本文中,需要理解的點,在下面講解中可能會混著講,所以大家要看完教程之後自己去總結。
  • Adidas ZX系列運動鞋海報C4D製作教程,官方設計師授權!速來學習!
    第一節課:鏤空鞋底的製作,鞋子基本形的製作;第二節課:鞋子裝飾的建模方法;第三節課:場景的建模方法、機械的骨骼綁定虎仔給大家講一下Adidas運動鞋這個教程從申請授權,到聯繫國內設計師錄製,再到課程上線背後的故事。大家看完或許內心會有一些觸動和答案。在虎課學習的同學都知道,保持案例課程的每日更新,是虎課錄播課程的一大特色,甚至被同學們形容我們是「全年無休」。
  • 零基礎html5+div+css+js網頁開發教程第003期 html代碼基本結構
    在第二期中,我們對html做了入門,已經有了對網頁開發基本的了解。本節知識開始書寫html網頁結構。本節知識視頻教程以下開始文字講解:一、Html代碼基本結構html代碼就像一個人一樣,可以分成幾個部分。我們先來了解三個節點。
  • Web前端學習第七課 學會使用html段落標籤和換行標籤
    瀏覽器遇到此標籤,就會理解為本行到此結束,段落內剩下的文字會在下一行開始顯示。4.現在來展示一篇純文字格式的文章所用的標記。<html> 這是網頁開始標籤<head>這是網頁頭部標籤,這裡面的內容,不顯示。
  • 教你輕鬆學會HTML語言系列之——揭開網頁製作的神秘面紗
    從本文開始,我們分享推出關於網頁製作的一系列學習內容。標籤對中的第一個標籤是開始標籤,第二個標籤是結束標籤,結束標籤需在關鍵詞前面加一個斜槓(/)。比如:<html></html>。這就是一個完整的開始和結束標籤的組合。小節:HTML是用來描述網頁的一種語言,叫超文本標記語言。
  • 【HTML 教程】網頁元素的屬性
    <html lang="en">上面代碼中,<html>標籤內部的鍵值對lang="en",就稱為html元素的屬性。屬性名為lang,屬性值為en。屬性名與標籤名一樣,不區分大小寫,lang和LANG是同一個屬性。屬性名與屬性值之間,通過等號=連接。
  • SEO菜鳥都會的網站地圖簡易製作一站式教程
    前面菜鳥菌在介紹什麼是網站地圖的時候講過,網站地圖主要有兩種格式,即:.html格式和.xml格式。有些新手站長在網站建好後,並沒有製作並提交網站地圖。等到發現網頁收錄較慢,知道網站地圖可以促進加快收錄,這才意識到網址地圖的重要性。 那麼,網站地圖一般在什麼時候使用和更新呢!菜鳥菌認為,網站建好上線提交後,就可以同時製作網站地圖。
  • CSS網頁布局基礎教程
    - 網頁布局教程</p> </div> <div> <h2>主區域內容</h2> <p>網頁布局教程 - 網頁布局教程網頁布局教程 - 網頁布局教程網頁布局教程 - 網頁布局教程網頁布局教程 - 網頁布局教程網頁布局教程 - 網頁布局教程網頁布局教程 - 網頁布局教程網頁布局教程 - 網頁布局教程
  • Dreamweaver學習:[23]如何製作網頁
    一個網頁中包含很多元素,涉及到很多知識點,比如表格,背景,文本,顏色,邊框等等,一起通過一個實例來學習。下面第一張圖是要製作的頁面,第二張圖是網頁製作的要求。一起來做。首先打開Dreamweaver,新建一個新的頁面,並命名。
  • 後端開發新手/小白學習之-前後端如何交互詳解和重點學習
    寫在前面:開發環境搭建:WampServer;代碼編輯器:notepad++;自行下載安裝;傻瓜式安裝,安裝完以後www文件夾下新建項目testPro,如圖:Ps:1,完全沒有基礎的新手,就不要在這個點上糾結用哪種集成開發環境軟體性能更好了,等你達到一定程度,想用什麼就用什麼;2,後端開發,前端技術是一定要懂的,學會製作一個複雜程度中等及以上的的靜態網頁
  • 簡單的學生個人網頁製作教程
    現在製作個人網頁越來越流行,你會發現很多設計師、媒體人、職場人都建立了自己的網站,用來積累粉絲、展示作品、或者找工作。那麼不懂技術知識、也沒有太多資金的學生,可以建立自己的網站嗎?當然也是可以的!個人網頁製作教程如下:進入「上線了」官網註冊帳號後選擇【創建網站】,再選擇一個「個人」或者「作品集」模板。(本展示頁所提供的模板及元素僅供展示功能效果,未經授權不得應用於其他用途 )點擊模板進入後臺編輯頁面,在這裡你可以添加各種功能版塊。
  • 個人網頁製作教程,四個步驟快速建站
    隨著各種網頁製作工具的普及,現在不懂技術的個人也能順利建站了。不過使用網頁製作工具雖然簡單,但仍有很多細節需要注意,並且要遵循一定流程。那麼個人究竟該如何建站呢?下面就給大家詳細科普下個人網頁製作教程:第一步:確定網站定位先要想明白你打算用這個網站做什麼,是做個人博客網站,用來記錄生活,還是想做一個簡歷網站,用來找工作?或者是做一個自媒體網站,用來積累粉絲?不同類型的網站要用到不同的模板,所以在建站前一定要想清楚,這樣你建站時才能有清晰的主題方向。
  • Excel基礎知識學習第一堂課
    知識點學習有對應的學習視頻,請關注後查找一下,觀看學習視頻,更容易記住哦。Microsoft Excel 2010介紹Excel中大量的公式函數可以應用選擇,使用Microsoft Excel可以執行計算,分析信息並管理電子表格或網頁中的數據信息列表與數據資料圖表製作,可以實現許多方便的功能,帶給使用者方便。
  • 16進位顏色表示與RGB色彩模型——零基礎自學網頁製作
    但是我們在寫網頁時,使用的很多顏色數值非常複雜,不會像我給的例子這麼簡單。大家不必擔心,html教程結束後,在學習CSS時,我會為大家引入一個新的編程工具叫做Atom,通過這個工具我們可以使用它的插件color-picker在調色板上直觀的選擇顏色。
  • 編程0基礎,適合新手學習編程的網站
    這裡推薦幾個適合新手學習編程的網站,大家可以隨時學習。首先選擇一門適合自己的程式語言。面對眾多程式語言,C、C++、Java、python、PHP等等。個人推薦新手先對C語言進行學習,現在很多大學也是用C語言作為入門第一課。有了C語言的基礎,再學習其他語言會比較容易。
  • Python學習第235課——html引入css的4種方式
    當我們只有一個或幾個html文件時,用內嵌式方法引入css是沒有什麼問題的,但是當我們的網站比較大,網頁比較多的時候,每一個html文件,我們都用內嵌式去引入css的話,不但寫的時候比較麻煩,而且以後維護起來也比較麻煩。