HTML頁面與基本標記

  • HTML是Hypertext Markup Language(超文本標記語言)的縮寫,它是構成web頁面(page)的主要工具,是用來表示網上信息的符號標記語言。
  • HTML文檔由文本和HTML標記組成,通常以.html或者.htm爲文本擴展名(如index.html)
  • 瀏覽器負責翻譯HTML文檔中的標記,並將HTML文檔顯示爲網頁。
  • HTML標記是由瀏覽器負責執行的,不同的瀏覽器中網頁的顯示效果可能不同
  • 大多數瀏覽器不完全支持HTML的所有特性,每一種瀏覽器都可能會有一些特有的HTML標記和屬性,這些標記和屬性可能不會被其他的瀏覽器識別。這些由軟件公司開發的屬性和標記被稱爲HTML擴展,而不是標記的一部分。

HTML標記的基本格式:

<標記>文件內容</標記>

某一些標記還可以包括一些屬性:

<標記名稱: 屬性1 屬性2 屬性3...>

用來註釋的標記:

<!--內容-->

基本結構如下:

<html>
<head>
	網頁的標題和屬性
</head>
<body>
	文件主體,要顯示的內容
</body>
</html>

起始標記<html></html>

<html>標記用於HTML文檔的最前面,用來標記HTML文檔的開始

</html>則是放在HTML文檔的最後面,用來標記HTML文檔的結束

必須配對使用

頭文件<head></head>

<head></head>標記構成HTML文檔的開頭部分。在此標記之間可以包含其他標記如

<title>文件標題</title>

主體標記<body></body>

<body></body>標記對之間的內容是HTML文檔的主要部分,在此標記對之間可包含衆多的標記和信息。

<body>標記可設置如下屬性:bgcolor="顏色"(背景顏色)    background="圖片地址"(背景圖片)

標題標記<hn>

一般文章都有標題、副標題、章和節等結構,HTML中也提供了相應的標題標記<hn>,其中n爲標題等級。

HTML提供了六個等級的標題,n越小,標題的字號越大。

<hn>可以有對齊屬性:align=#

#表示:left標題居左;center標題居中;right標題居右

段落標記和換行標記<p>和<br>

在文章的排版過程中,段落與段落之間是有間隔的,HTML中提供了<p>標記來實現;

<p>與<hn>標記一樣,可以有align屬性

<br>標記可以創建一個回車換行

預排版標記<pre>

<pre>標記允許保留你在原代碼中輸入的空格和回車,使用方法如下:

<body>
		<p>
<pre>
 編號      名稱         價格(元)
001     語文教材        20.00
</pre>
</p>
</body>


字體標記<font>

face設置字體的字形 size設置字體的大小,其值可以是絕對或相對,HTML有七種字號,1號最小,七號最大,缺省字號爲三;相對值可以表示爲+2、+3等

color可以設置字體顏色,可以用red、blue、green等值,也可以採用六位十六進制,分別指定紅、綠、藍的值。

字體風格

字體風格可以分爲物理風格和邏輯風格;

指定物理風格的常用標記有:

<b>黑體、<i>斜體、<u>下劃線、<s>刪除線

指定邏輯風格的常用標記有:

<strong>強調 <small>較小、<big>較大、<sup>上標、<sub>下標

<html>
<head>
<title>設置字體風格</title>
</head>
<body>
<p align="center">< b>黑體</b></p>
<p align="center"><i>斜體</i></p>
<p align="center"><u>下劃線</u></p>
<p align="center"><tt>打字機風格</tt></p>
<p align="center"><em>強調</em></p>
<p align="center"><strong>加重</strong></p>
</body>
</html>
圖像標記<img>

用法<img src="圖片的路徑一般用相對路徑" width="圖片寬度" height='圖片高度' alt=“描述該圖片的文字”>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章