HTML基礎入門

最後更新：2017-06-09 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：標記 bsp 格式序列 char 作者選擇 Google a標籤

大家好,昨天我們簡單的介紹了一下編輯器,今天我們就要用編輯器實際的操作了.

首先,我們要瞭解一下HTML.那麼什麼是HTML呢?

HTML:超文字標記語言 (HTML)(Hypertext Markup Language),寫給瀏覽器的語言，目前網路上應用最廣泛的語言。HTML也在不斷的更新，最新版本已經出現了HTML5,HTML5新增了更多的標籤和特性,也廢除了不少的舊元素.

我們在編輯器中或記事本中寫好的代碼用瀏覽器中開啟,最好用市面上一些主流的瀏覽器,比如:Google、Firefox、蘋果等等,不過最好還是不要用IE瀏覽器,因為IE低版本的相容不是很好,到以後的學習或者工作的時候你會因為IE的相容問題掉很多的頭髮的.

HTML元素是由開始標籤和結束標籤組成的,例:"",雖然現在我們還不知道具體標籤代表的意思，但標籤一定是這樣的格式：有一對開始<>和結束</>.

當然還有一些特殊的標籤是單標籤,就是只有開始<>,沒有結束.但人家內建結束符,例:<hr/> <img/> ...

HTML的基本結構

<html>    <head>        <title>這是我的部落格</title>    </head>    <body>      這是我的身體.    </body></html>
上面的例子是告訴瀏覽器<html>是一篇文章的開始,文檔的最後一個標籤是</html>,告訴瀏覽器結束了.<head></head>是頭部文檔資訊,<title></title>是文檔的標題,會顯示在瀏覽器的視窗的標題列,
文檔的內容都是放在<body></body>之間的.
今天我們就先來瞭解一下HTML的一些常用元素(標籤)和基本規範.


基本規範
1.在寫<html>之前,要先寫文檔聲明<!DOCTYPE HTML>,當然小寫也可以,這是告訴瀏覽器該文檔遵循html規範.
2.頁面編碼:編碼的種類有多種,但常用的是utf-8.utf-8為多國語言編碼(萬國碼),gb2312為中文簡體編碼.對於編碼的詳細問題,可以瀏覽部落格.設定網頁編碼的語句為<meta charset= "utf-8" />,是在<head></head>標籤內定義的.
剛開始我們瞭解這兩點規範基本就夠了,以後有需要規範的地方我們再細說.


常用元素

最常用的就是文字標籤,例:
<body>
　　<p>
　　　　May-J-Wang的部落格,求關注
　　</p>
</body>

在瀏覽器中開啟就是這個效果

就是定義一個段落,在寫文章、新聞或有大量的文字時會用到.

分行符號

換行對於文本編輯來說是最正常不過的了.當文字寫滿一行,需要換行.或者根據需要,在文本中換行,這都是可以的.

標題

在一個網頁中,文檔會有大小不同的標題,用代碼寫分別為:

<h1>標題1</h1>             <h2>標題2</h2><h3>標題3</h3><h4>標題4</h4><h5>標題5</h5><h6>標題6</h6>
h後面的數越小標題越小.

文字格式設定化,一些常用於設定文本字型的元素:

定義粗體文本

定義斜體文本

<del>定義刪除文本</del>

定義上標字

定義下標字

如下：

超連結<a></a>

a標籤用來定義一條超連結,其中要有的是href屬性,href的作用是指明超連結要連結到的網址.除了href屬性,還有title屬性工作表示連結的提示資訊.target屬性工作表示連結的開啟檔案,即當點擊了連結,選擇是在另一個頁面開啟還是本頁面開啟.其屬性值包括_blank(新的空白頁)、_self(當前頁),_top（當前頁）.

href的值可以是外部連結,也可以是內部檔案,如***.html檔案.

<a href=“about.html”>內部連結 </a>例:

注:a標籤上的文字樣式是a標籤內建的樣式

映像<img/>

屬性	屬性值	說明
src	url	圖片資源的地址
width	像素（px）百分比(%)	圖片寬度
height	像素（px）百分比(%)	圖片高度
alt	替代文字	圖片的替代文字

<img src="time1.jpg" width="100" height="100" alt="風景" />

列表

列表分為:<ul><li>無序列表</li></ul>,<ol><li>有序列表</li></ol>和<dl><dd>自訂欄表<dd><dl>

<ul>
     <li>蘋果</li>     <li>香蕉</li>     <li>雪梨</li> </ul>

有序列表

有序列表使用數字或字母系統來組織列表裡包含的資訊.有序列表可以使用數字(預設)、大寫字母、小寫字母、大寫羅馬數字和小寫羅馬數字排列項目.

</ol>

<dl>

</dl>

以上就是關於HTML的一些基礎中的基礎知識,HTML中還有很多常用的標籤,明天我們接著說,再見了.

作者:May-J-Wang

HTML基礎入門

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 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

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

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

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

HTML基礎入門

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support