超文本标記語言

HTML 代表超文本标記語言。它給出了網站或網頁的基本結構。它定義了您的網站在結構方面的外觀，即網站包含标題、輸入、表單、表格、按鈕等等。

HTML 代碼

<!DOCTYPE html>
<html>
  <head>
    <title>Hello world</title>
  </head>
  <body> 
    <h1>Hello world</h1>
  </body>
</html>

您可以在此處檢視 Hello world 網站的實時版本，其代碼寫在上面。

我們将詳細讨論每一行代碼，以便您能夠了解每一行的想法。

<!DOCTYPE html>

這一行基本上告訴網絡浏覽器我們正在使用哪個HTML版本。在本例中我們是HTML5。

html

這是包含我們網頁的所有代碼的HTML元素。換句話說，這包含了網頁所需的所有結構和設定，即外部 CSS、JS、CDN 等。您可能會注意到所有内容都位于<html>和之間</html>。這是因為這樣所有的内容都會在這些元素之間。<html>通常指的是開始标簽，</html>通常指的是結束标簽。

頭

該元素包含了網頁的所有要求。例如，如果您想添加一些外部 CSS 檔案、外部 JS 檔案或一些外部 CDN（這是網站的要求），那麼此元素就會派上用場。如果您不了解 CSS，它用于樣式目的，JS 用于功能目的，CDN 代表内容傳遞網絡。

标題

該元素包含顯示在Web 浏覽器頁籤中的标題。如果您通路 Hello world 網站，您會注意到網絡浏覽器的頁籤中有标題。這是這些标簽的主要工作。Hello world<title>...</title>

身體

該元素包含使用者可見的結構。您可以想象到的上述元素可以用于我們網頁的設定。主要内容進入正文部分。

h1

h1是用于标題的标題元素。如果您通路 hello world 網站，我們可以看到的 hello world 就是标題。h1不僅僅是我們擁有的标題元素。我們有一個标題元素，從開始h1，直到，h6唯一的差別是h1較大，然後尺寸減小，直到 h6。

如果您想了解有關 HTML 元素的更多資訊，可以在此處檢視。

讓我們建立一些表

<table>
  <tr>
    <th>S.No.</th>
    <th>Day</th>
  </tr>
  <tr>
    <td>1</td>
    <td>Sunday</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Monday</td>
  </tr>
  <tr>
    <td>3</td>
    <td>Tuesday</td>
  </tr>
  <tr>
    <td>4</td>
    <td>Wednesday</td>
  </tr>
  <tr>
    <td>5</td>
    <td>Thursday</td>
  </tr>
  <tr>
    <td>6</td>
    <td>Friday</td>
  </tr>
  <tr>
    <td>7</td>
    <td>Saturday</td>
  </tr>
</table>

table：這是用于建立表格的表格元素。

tr：表示表格行。即表的行。

td：表示表資料。即包含該表的資料。

您可以在此處檢視代碼的實時版本。

注意此代碼必須寫在body元素之間。

是時候建立 HTML 表單了

當您上網時，您可能見過一些 HTML 表單。讓我們來建立我們自己的 HTML 表單。

這是代碼片段。

<form>
        Name: <input type="text" name="name"><br>
        Email: <input type="email" name="email"><br>
        <input type="submit" value="Submit">
    </form>

form：HTML 元素幫助我們建立 HTML 表單。

input：輸入元素允許我們擷取使用者的輸入。和稱為HTML 屬性type="email"。name="email"

您可以在此處檢視該網頁的實時版本。