天天看點

HTML5網頁設計 (一)HTML介紹用記事本編寫第一個html檔案

目錄

HTML介紹

用記事本編寫第一個html檔案

HTML介紹

實際上,在網頁位址中經常會出現http、www等單詞,這些單詞代表着什麼呢?

WWW英文全稱為"World Wide Web",中文名字為"網際網路"。是一種建立再Internet上的、全球行的、互動的、多平台的、分布式的資訊資源網絡。

WWW有3個基本組成部分,

  1. URL        (Universal Resource Locator,統一資源定位符);
  2. HTTP      (Hypertext TransferProtocol,超文本傳輸語言);
  3. HTML     (Hypertext Markup Language,超文本标記語言);

作用:

  1. URL 提供在Web上通路資源的統一方法的路徑,它說明啦連結所指向的每個檔案的類型及準确位置。
  2. HTTP 是一種網絡上傳資料的協定,專門用于傳輸以超文本(Hypertext)形式提供的資訊。HTML語言是Internet上用于編寫網頁的主要語言。用HTML編寫的檔案即為超文本檔案

首先,需要使用HTML編寫網頁,并将其釋出至網際網路之上,當使用者在浏覽器中輸入對應url時,将通過url找到對應的網頁,最後,通過http協定将請求的網頁傳遞至使用者,并在浏覽器中将HTML編寫網頁解釋并執行。最終,展示出需要通路的頁面。

目前市面上有很多廠商所提供的浏覽器,例如IE,Firefox、Chrome等,是以,為了在不同的浏覽器中實作統一的效果,就需要制定啦一系列的Web标準。(W3C)

——(網際網路聯盟。W3C最重要的工作是發展Web規範。Web标準不是某一個标準,而是一系列标準的集合。Web标準分為以下3方面:

  1. 結構化标準語言:                                                                                                            HTML中文稱為超文本标簽語言。它的發展經曆很多的版本,在2014 年10月29日,w3C宣布,經過近8年的艱苦努力,HTML語言的第5個版本HTML5标準規範終于制訂完成。
  2. 表現标準語言

    CSS中文稱為層疊樣式表,用于進行頁面元素的修飾。它的出現可以幫助網頁設計師分離外觀與結構,使站點的通路及維護更加容易。w3C于1998年5月12日制訂了CSS2标準。(目前使用的時css3)

  3. 行為标準

    DOM是Document Object Model文檔對象模型的縮寫。根據W3C所制定的DOM規範,使得網頁程式的開發者可以使用類似JavaScript的腳本語言通路頁面元素。

用記事本編寫第一個html檔案

1、建立文本文檔

HTML5網頁設計 (一)HTML介紹用記事本編寫第一個html檔案

2、打開

HTML5網頁設計 (一)HTML介紹用記事本編寫第一個html檔案

HTML 由head 和body兩部分組成

<title></title>——網頁标題 、<hr/>水準線 、<p> 文本标簽、align = ”center“ :居中顯示

3、更改字尾名:将.txt 改為html

HTML5網頁設計 (一)HTML介紹用記事本編寫第一個html檔案
HTML5網頁設計 (一)HTML介紹用記事本編寫第一個html檔案

 打開方式(我這裡預設是谷歌浏覽器)

結果:

HTML5網頁設計 (一)HTML介紹用記事本編寫第一個html檔案
<html>
<head>
<title>第一個簡單的HTML檔案</title>
</head>
<body>
<h2 align="center">第一個HTML</h2>
<hr/>
<p>我的第一個頁面</p>
</body>
</html>
           

繼續閱讀