第二章 HTML基礎

DwightYu發表於2020-12-01

第一節 HTML概述

一.HTML語言、標籤、元素、屬性

HTML(HyperTest MarkUp Language)

    “超文字標記語言”,製作網頁的標準語言,標籤構成。

-標籤

    由尖括號包圍,比如<title>

    通常是成對出現的

    單獨出現標籤<image/>

    標籤巢狀<html><body><body><html>

 

第二節 HTML檔案結構

<!DOCTYPE html>    //表示文件型別符合HTML5標準
<html lang="en">
<head>
  <meta charset-"UTF-8">     //meta代表後設資料。charset屬性:字符集編碼方式。
  <title>       <title>
</head>
<body>
<body>
</html>

第三節 HTML標籤

1.<h1>標題內容</h1>

一級標題比二級標題大

<h1>一級標題 heading 1</h1>
<h2>二級標題 heading 2</h2>

2.<p>段落內容</p>

<p>這是段落,每個段落自動換行。</p>
<p>段落內部文字詞忽略連續    空格,
也不會顯示空行,且不會換行。</p>

3.<p>文字內容 <br/> 文字內容 </p>      //換行符

<p>這是一個段落。<br/>這段文字在第二行。</p>

4.空格字元&nbsp

<body>
    <p>&nbsp&nbsp&nbsp&nbsp前面為三個空格</p>
</body>

 

5.預留格式

<body>
    <pre>
    這是預留文字。它保留了   空格
    和空行
    </pre>
</body>

6.行內組合<span>    文字內容</span>

<p>最新<span>人口調查報告</span>指出...</p>

7.水平線hr

<p>正文段落</p>
<hr/>
<p>正文段落</p>

8.新增程式碼註釋

<body>
    <!--這是一段註釋-->
</body>

 

 

 

 

 

相關文章