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

2020-12-15 賈偉光

很多朋友想學一下網頁製作,上網一看,只要涉及到網頁製作,都離不開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中的
    塊元素——零基礎自學網頁製作
    那時,dreamwaver、flash、fireworks被稱為網頁三劍客!那時,製作網頁可以不用懂的html的寫法!第一次接觸網頁製作是在大學的專業課上,使用三劍客,通過點擊軟體菜單中的按鈕就能製作網頁,精力都放在了如何使用flash製作酷炫的交互動畫上了。
  • 網頁前端技術HTML教程第一講
    HTML零基礎第一講我們是從零基礎開始講Html的。在講Html之前先給大家講一下為什麼要學Html?Html是幹什麼的?什麼工具可以瀏覽Html文檔。第一:大家平常瀏覽的網頁就是用Html代碼編寫的,也就是說Html可以編寫網頁。
  • mg動畫製作軟體學習教程難不難
    所以mg動畫能夠在商業中獨樹一幟,製作費用也不貴,基本都是按秒收費。動畫如此盛行,那麼,mg動畫製作軟體學習教程難不難呢?藝虎動畫根據多年經驗,與大家進行分析。mg動畫視頻mg動畫製作教程中,PS和AI是專門繪製圖形的軟體,AE是做動態的,很多圖形靠AE是很難繪製的,甚至繪製不了我們要的圖形。
  • html菜鳥教程,HTML新手如何快速入門
    但是隨著網際網路的發展,前端頁面的數據存儲需求、調用系統內置功能的需求、以及富媒體甚至網頁版的IDE、類作業系統應用等都需要搬到瀏覽器。這樣HTML5的誕生,就解決了一大部分富媒體、富應用的難題。第一:開發工具的選擇1、Nodepad++,作為一種文本編輯器,可以通過顏色標記各種html的標籤,同時可以提示出來基本的html語法,但是缺點也比較明顯:沒有集成容器運行,同時也不支持自動補標籤的功能。但是作為新手前期的開發IDE,能夠幫助新手快速記憶打好基礎。
  • Div+css教程之製作html的工具
    此文章主要為大家介紹了Div+css教程之製作html的工具,具有一定的參考價值,學習覺得挺不錯的,分享給大家。創業項目優選 好項目來A5招商 ,點擊入駐!fw具體使用在這裡ahuing就不介紹了,有興趣的朋友在網上bd一下吧2.編輯器編輯器的選擇就很多了,最簡單的就一個記事本就可以,另外還有Notepad++、UltraEdit、dw(dreamweaver)、phpdesigner等,但是要提高編寫效率還是用dw或者phpdesigner,兩者都有代碼提示功能(其它的編輯器也有,感覺不怎麼智能,也不全),功能比較強大的就是
  • 網頁開發HTML5入門內容,一起來學習吧
    上一篇HTML的內容講到了列表,接下來就學習下面的內容吧。在瀏覽器中的效果:注意:在html中,圖片是一個字符,因此,圖片和前後的內容是連在一起的,他們是對齊的。在教程1中插入一張來自網際網路的圖片。步驟1:在網上搜索圖片,右鍵選擇複製圖片網址(或複製圖像連結)。
  • SEO菜鳥都會的網站地圖簡易製作一站式教程
    前面菜鳥菌在介紹什麼是網站地圖的時候講過,網站地圖主要有兩種格式,即:.html格式和.xml格式。有些新手站長在網站建好後,並沒有製作並提交網站地圖。等到發現網頁收錄較慢,知道網站地圖可以促進加快收錄,這才意識到網址地圖的重要性。 那麼,網站地圖一般在什麼時候使用和更新呢!菜鳥菌認為,網站建好上線提交後,就可以同時製作網站地圖。
  • Web前端學習第七課 學會使用html段落標籤和換行標籤
    瀏覽器遇到此標籤,就會理解為本行到此結束,段落內剩下的文字會在下一行開始顯示。4.現在來展示一篇純文字格式的文章所用的標記。<html> 這是網頁開始標籤<head>這是網頁頭部標籤,這裡面的內容,不顯示。
  • CSS網頁布局基礎教程
    - 網頁布局教程</p> </div> <div> <h2>主區域內容</h2> <p>網頁布局教程 - 網頁布局教程網頁布局教程 - 網頁布局教程網頁布局教程 - 網頁布局教程網頁布局教程 - 網頁布局教程網頁布局教程 - 網頁布局教程網頁布局教程 - 網頁布局教程網頁布局教程 - 網頁布局教程
  • 用html和css怎麼製作一個簡單的網頁
    前面發的兩篇關於html和css的文章,不知道大家看會了沒有呢,私下有沒有操作呢。俗話說,學以致用,只學不用和沒學沒什麼區別。今天就用前兩節的知識教大家一個簡單的網頁製作,可能有些陌生的知識,自行百度哦。
  • 16進位顏色表示與RGB色彩模型——零基礎自學網頁製作
    但是我們在寫網頁時,使用的很多顏色數值非常複雜,不會像我給的例子這麼簡單。大家不必擔心,html教程結束後,在學習CSS時,我會為大家引入一個新的編程工具叫做Atom,通過這個工具我們可以使用它的插件color-picker在調色板上直觀的選擇顏色。
  • HTML網頁製作常用標籤及說明——前端開發入門
    上篇文章我們介紹了怎麼創建一個最基本的網頁,這篇我們介紹一下經常被使用的標籤及用途。顯示在瀏覽器中的內容都要添加在基本模板中的body標籤的中間,這點一定要記住!!下面的body標籤中各個標籤,做了解釋說明,大概了解各個標籤長什麼樣子,能記住就更好了。
  • web前端學習第二課 如何編寫自己的第一個網頁
    「<HTML>」為開始標籤,「</HTML>」是結束標籤(2)標籤是由」< >」括起來的,裡面是英文單詞的縮寫。(3)html標籤對代表這是一個網頁文件,它包括head標籤對和body標籤對head標籤對代表這是網頁頭部,這裡面還可以插入其他標籤對,插入的內容在頁面上不顯示,它是給瀏覽器和搜尋引擎看的,用戶看不到。
  • 攝圖網教你從0開始製作在線知識付費教程
    攝圖網教你從0開始製作在線知識付費教程 2019年06月21日 16:21作者:網絡編輯:王動   在線課程是你獲得額外收入的好方法。
  • 超星網頁版登錄入口_超星學習通app下載_18183軟體下載
    超星網頁版登錄入口軟體介紹:學習通利用超星20餘年來積累的海量的圖書、期刊、報紙、視頻、原創等資源,集知識管理、課程學習、專題創作,辦公應用為一體,為讀者提供一站式學習與工作環境。
  • 13種紙花製作教程,花型多樣,步驟也很簡單,收藏學習!附圖解
    每個人都喜歡花朵,真的花很漂亮,但也很容易凋,紙花就不一樣了永遠都不凋謝,還不變樣,今天小編就來教大家怎麼做出一朵好看的紙花~其實,這類紙花的製作基本思路也都是一樣的,都是花心加花瓣加葉子和枝幹。花心一種顏色然後很多個花瓣褶皺出花的形狀。然後用了綠色的紙張做葉子。
  • 學習多瑪(食子)的第一堂課
    其實早從2013至14年,我開始於佛學院課餘時間學習一套準備要閉關的儀軌法門,求得相關傳承,以及學習正確的儀軌次第,陸續摸索學習了兩年。到了2015年,在宗薩佛學院學習第三次(學期)的中觀課程時,因為這年已經36歲了,有種「中年危機」的徵兆——記憶力、理解能力等等都回不去了,很難像青年學霸一樣單純的過著「寒窗」的歲月。
  • Web前端學習第15課 網頁中的關於顯示內容的其他標標籤
    大家知道,HTML的基本結構有三個標籤:html,head和body。並且大家知道,放在<head>和</head>之間的其他標籤在網頁中不顯示。放在<body>和</body>之間的標籤,在瀏覽器中顯示。
  • 【學習通】電腦版怎麼用——安卓模擬器使用教程
    很多學生黨們在使用學習通的時候發現了一個比較頭疼的問題,學習通在播放視頻的時候是無法後臺運行的,無論在手機上還是電腦網頁端,只要開啟了學習通就等於開啟了強制專注模式,即使微信上收到了一條消息,視頻學習也會被打斷,甚至會從頭播放。今天就來給大家帶來一款解決《學習通》視頻課煩惱的神器——雷電安卓模擬器。
  • CAD2011下載安裝和學習教程
    引申熱文——3dmax瘋狂模渲大師使用教程——最新版入門建模、渲染、實戰出圖當然了,大家學習CAD軟體的話,一點也不難的。建議大家多培養自己的自學能力,不要浪費自己的時間,高效、激情地使用軟體去輔助自己的工作。