HTML基本文法總結

來源:互聯網
上載者:User

標籤:style   class   blog   code   http   tar   

                 

  簡介

  HTML(Hyper Text Mark-up Language超文字標記語言 (HTML)):不是程式設計語言,而是一種描述性的標記語言,用於描述網頁中內容的顯示方式,比如文字以什麼顏色、大小來顯示等,這些都是利用Html標記來實現。

 

HTML的文檔結構

  所有的網頁檔案,通過都是四對標記來構成文檔的骨架,它們是:

<html>      <head>           <title>                標題           </title>      </head>      <body>           本文      </body></html>


 

小結:

<html>…</html>標識網頁檔案的開始與結束,所有的Html元素,都要放在這對標記中。

<head>…</head>標識網頁檔案的頭部資訊,如標題、搜尋引擎關鍵字等

<title>…</title>標識網頁檔案的標題

<body>…</body>標識網頁檔案的主體部分

 

 

常見的HTML的標記文法

1.    單標記

一.<標記名稱>

單一型,無屬性值

如:<br/>——表示分行符號

     二.<標記名稱屬性=”屬性值”>

                  單一型,有屬性值

         如:<hr width=”80%”/>

2.    雙標記

三.<標記名稱>…</標記名稱>

            沒有屬性值

如:<title>…<title>

     四.<標記名稱屬性=”屬性值”>…</標記名稱>

                   有屬性值

                  如:<body bgcolor=”red”>…</body>

注釋

      格式:

      <!—注釋內容-->

Body屬性

      <body bgcolor=”背景顏色” background=”背景映像” text=”文本顏色” link=”連結文本顏色” vlink=”訪問過的文本顏色” alink=”啟用的串連文本顏色” leftmargin=”左邊界”>

 

 

<font>標記

文法:

<font color=”文本顏色” size=“字型大小”>文本</font>

 

字元格式

功能

標記

加粗

<b>文本</b>

傾斜

<i>文本</i>

加強語氣

<strong>文本</strong>

底線

<u>文本</u>

刪除線

<s>文本</s>

上標

<sup>文本</sup>

下標

<sub>文本<sub>

 

 

段落標記

格式:

<p align=“對齊”>…</p>

align

Left

靠左對齊

Center

置中

Right

靠右對齊

 

 

HTML中的特殊字元

特殊字元

轉義碼

空格

&nbsp;

著作權號

&copy;

註冊商標

&reg;

&quot;

&

&amp;

&it;

&gt;

 

      修飾標記

水平直線<hr/>

屬性名稱

屬性值

說明

Size

像素絕對值

越大,線越粗

Width

寬度

隨著值得變化

 

 

 

總結:

   以上就是我們在學習html中經常用到的文法,如果想更詳細的瞭解html文法的話,請查看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.