網頁製作(html)的基本知識(二)基本操作

零下一度
發布: 2017-05-05 13:56:22
原創
1456 人瀏覽過

1.1HTML 標題

標題(Heading)是透過

-

等標籤進行定義的。

定義最大的標題。

定義最小的標題。

<html>  
<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>  
<p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p>  
</body>  
</html>
登入後複製

1.2HTML 水平線

#


標籤在 HTML 頁面中建立水平線。

hr 元素可用來分隔內容。

<html>  
<body>  
<p>hr 标签定义水平线:</p>  
<hr />  
<p>这是段落。</p>  
<hr />  
<p>这是段落。</p>  
<hr />  
<p>这是段落。</p>  
</body>  
</html>
登入後複製

1.3HTML #註解

可以將註解插入HTML 程式碼中,這樣可以提高其可讀性,使程式碼更易被人理解。瀏覽器會忽略註釋,也不會顯示它們。

註解是這樣寫的:

<html>    
<body>    
<!--这是一段注释。注释不会在浏览器中显示。-->    
<p>这是一段普通的段落。</p>  
</body>  
</html>
登入後複製

註解:開始括號之後(左邊的括號)需要緊跟著一個嘆號,結束括號之前(右邊的括號)不需要。

提示:合理地使用註解可以對未來的程式碼編輯工作產生幫助。

2.1HTML 折行

#如果您希望在不產生一個新段落的情況下進行換行(新行),請使用< ;br /> 標籤

<html>
<body>
<p>To break<br />lines<br />in a<br />paragraph,<br />use the br tag.</p>
</body></html>
登入後複製

2.2HTML 輸出- 有用的提示

我們無法確定HTML 被顯示的確切效果。螢幕的大小,以及對視窗的調整都可能導致不同的結果。

對於 HTML,您無法透過在 HTML 程式碼中新增額外的空格或換行來改變輸出的效果。

當顯示頁面時,瀏覽器會移除原始碼中多餘的空格和空白行。所有連續的空格或空白行都會被算作一個空格。需要注意的是,HTML 程式碼中的所有連續的空白行(換行)也被顯示為一個空格。

<html>  
<body>  
<h1>春晓</h1>  
<p>  
    春眠不觉晓,  
      处处闻啼鸟。  
        夜来风雨声,  
          花落知多少。  
</p>  
<p>注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。</p>  
</body>  
  </html>
登入後複製

【相關推薦】

1. 免費html線上影片教學

2. html開發手冊

#3. php.cn原始html5影片教學

#

以上是網頁製作(html)的基本知識(二)基本操作的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!