前端開發 - HTML - 簡介

來源:互聯網
上載者:User

標籤:ima   web2.0   不能   前端   com   開發   好的   使用者   建議   

一、web1.0時代的網頁製作

靜態網頁,所謂的靜態網頁就是沒有與使用者進行互動而僅僅供讀者瀏覽的網頁,我們當時稱為“牛皮癬”網頁。例如一篇QQ日誌、一篇博文等展示性文章。 網頁三劍客 Dreamweaver+Fireworks+Flash”吧,這個組合就是web1.0時代的產物。

二、web2.0時代的前端開發

前端開發”是從“網頁製作”演變而來的。

從2005年開始,互連網進入web 2.0時代,由單一的文字和圖片組成的靜態網頁已經不能滿足使用者的需求,使用者需要更好的體驗。

在web 2.0時代,網頁有靜態網頁和動態網頁。所謂動態網頁,就是使用者不僅僅可以瀏覽網頁,還可以與伺服器進行互動。

web2.0時代的網頁不僅包含炫麗的動畫、音頻和視頻,還可以讓使用者在網頁中進行評論交流、上傳和下載檔案等(互動性)。

三、前端開發都有哪些內容

網頁最主要由3部分組成:結構、表現和行為。網頁現在新的標準是W3C,目前模式是HTML、CSS和JavaScript。

HTML:網頁的結構

          HTML,全稱“Hyper Text Markup Language(超文字標記語言 (HTML))”,簡單來說,網頁就是用HTML語言製作的。HTML是一門描述性語言,是一門非常容易入門的語言。 CSS:網頁的外觀

   CSS,全稱“(層疊樣式表)”。以後我們在別的地方看到“層疊樣式表”、“CSS樣式”,指的就是CSS。

JavaScript:頁面的行為

          JavaScript是一門指令碼語言。

四、開發環境

HTML編輯器,常見的Hbuild、Sublime Text、Dreamweare都可以用來開發HTML。當然PyCharm也支援HTML開發。(*.html / *.htm)

五、HTML

HTML作為一種標記語言它並沒有什麼邏輯,簡單來說就是一些符號,一些有特殊意義的符號,一些瀏覽器認識的有特殊意義的符號。

 

1.標籤
在HTML中規定標籤使用英文的的角括弧即`<`和`>`包起來,如`<html>`、`<p>`都是標籤。HTML中標籤通常都是成對出現的,分為開始標籤和結束標籤,結束標籤比開始標籤多了一個`/`,如`<p>標籤內容</p>`和`<div>標籤內容</div>`。開始標籤和結束標籤之間的就是標籤的內容。標籤之間是可以嵌套的。例如:div標籤裡面嵌套p標籤的話,那麼`</p>`必須放在`</div>`的前面。HTML標籤不區分大小寫,`<h1>`和`<H1>`是一樣的,但是我們通常建議使用小寫,因為大部分程式員都以小寫為準。
2.HTML文檔結構
<!DOCTYPE HTML>是文檔聲明,必須寫在HTML文檔的第一行,位於<html>標籤之前,表明該文檔是HTML5文檔。<html></html> 稱為根標籤,所有的網頁標籤都在<html></html>中。<head></head> 標籤用於定義文檔的頭部,它是所有頭部元素的容器。常見的頭部元素有<title>、<script>、<style>、<link>和<meta>等標籤,頭部標籤在下一節中會有詳細介紹。<body>和</body>標籤之間的內容是網頁的主要內容,如<h1>、<p>、<a>、<img>等網頁內容標籤,在<body>標籤中的內容(圖中淡綠色部分內容)最終會在瀏覽器中顯示出來。HTML文檔包含了HTML標籤及常值內容,不同的標籤在瀏覽器上會顯示出不同的效果,所以我們需要記住最常見的標籤的特性。
3.HTML注釋:
<!-- xx部分 開始 -->  這裡放你xx部分的HTML代碼  <!-- xx部分 結束 -->

 

前端開發 - HTML - 簡介

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.