極客書

,

,

"/>

HTML - Basic Tags

任何文檔都以標題開頭。你可以用不同大小的標題。HTML還有六個級別的標題，它們使用元素<h1>、<h2>、<h3>、<h4>、<h5>、和<h6>。當顯示任何標題時，瀏覽器會在該標題前添加一行，在該標題後添加一行。

Example

Live Demo 
<!DOCTYPE html>
<html>

   <head>
      <title>Heading Example</title>
   </head>
	
   <body>
      <h1>This is heading 1</h1>
      <h2>This is heading 2</h2>
      <h3>This is heading 3</h3>
      <h4>This is heading 4</h4>
      <h5>This is heading 5</h5>
      <h6>This is heading 6</h6>
   </body>
	
</html>

這將產生以下結果&負;

Paragraph Tag

<p>標記提供了一種將文本結構爲不同段落的方法。文本的每個段落都應該位於開頭標記和結尾標記之間，如下面示例中所示;

Example

Live Demo 
<!DOCTYPE html>
<html>

   <head>
      <title>Paragraph Example</title>
   </head>
	
   <body>
      <p>Here is a first paragraph of text.</p>
      <p>Here is a second paragraph of text.</p>
      <p>Here is a third paragraph of text.</p>
   </body>
	
</html>

這將產生以下結果&負;

Line Break Tag

每當您使用<br/>元素時，它後面的任何內容都從下一行開始。這個標記是一個空的元素的例子，在這個元素中，您不需要打開和關閉標記，因爲它們之間沒有任何東西可以插入。

<br/>標記在字符br和正斜槓之間有一個空格。如果省略此空格，則較舊的瀏覽器將無法呈現換行符，而如果您錯過了正斜槓字符，並且只使用<br>它在XHTML中無效。

Example

Live Demo 
<!DOCTYPE html>
<html>

   <head>
      <title>Line Break  Example</title>
   </head>
	
   <body>
      <p>Hello<br />
         You delivered your assignment ontime.<br />
         Thanks<br />
         Mahnaz</p>
   </body>
	
</html>

這將產生以下結果&負;

Centering Content

您可以使用<center>標記將任何內容放在頁面或任何表格單元格的中心。

Example

Live Demo 
<!DOCTYPE html>
<html>

   <head>
      <title>Centring Content Example</title>
   </head>
	
   <body>
      <p>This text is not in the center.</p>
      
      <center>
         <p>This text is in the center.</p>
      </center>
   </body>
	
</html>

這將產生以下結果&負;

Horizontal Lines

水平線用於可視地拆分文檔的各個部分。<hr>標記創建從文檔中當前位置到右邊距的行，並相應地打斷該行。

例如，您可能需要在兩個段落之間畫一條線，如下例所示−

Example

Live Demo 
<!DOCTYPE html>
<html>

   <head>
      <title>Horizontal Line Example</title>
   </head>
	
   <body>
      <p>This is paragraph one and should be on top</p>
      <hr />
      <p>This is paragraph two and should be at bottom</p>
   </body>
	
</html>

這將產生以下結果&負;

同樣，標記是<hr/>元素的一個例子，其中不需要打開和關閉標記，因爲它們之間沒有任何可插入的內容。

<hr/>元素在字符hr和正斜槓之間有一個空格。如果省略此空格，則較舊的瀏覽器將無法呈現水平線，而如果您遺漏了正斜槓字符，而只使用<hr>則在XHTML中無效

Preserve Formatting

有時，您希望文本遵循HTML文檔中的確切格式。在這些情況下，可以使用預先格式化的標記<pre>。

開始標記和結束標記之間的任何文本都將保留源文檔的格式。

Example

Live Demo 
<!DOCTYPE html>
<html>

   <head>
      <title>Preserve Formatting Example</title>
   </head>
	
   <body>
      <pre>
         function testFunction( strText ){
            alert (strText)
         }
      </pre>
   </body>
	
</html>

這將產生以下結果&負;

嘗試使用相同的代碼，但不要將其放在<pre>..</pre>標記中

Nonbreaking Spaces

假設你想用「12個憤怒的人」這個短語，在這裡，你不想讓瀏覽器把「12個憤怒的人」和「男人」分成兩行;

An example of this technique appears in the movie "12 Angry Men."

在某些情況下，如果不希望客戶端瀏覽器中斷文本，則應使用非中斷空間實體&nbsp;，而不是普通空間。例如，當在一個段落中對「12個憤怒的人」進行編碼時，您應該使用類似於以下代碼的代碼&負;

Example

Live Demo 
<!DOCTYPE html>
<html>

   <head>
      <title>Nonbreaking Spaces Example</title>
   </head>
	
   <body>
      <p>An example of this technique appears in the movie "12&nbsp;Angry&nbsp;Men."</p>
   </body>
	
</html>

這將產生以下結果&負;