<!DOCTYPE html>
<html>
<head>
<title>你的网页标题</title>
</head>
<body>
你的网页内容
</body>
</html><!DOCTYPE html>：這是HTML5的文檔類型定義。 <li><html>：HTML文件的根元素。 <li><head>：包含網頁元資料的容器，例如網頁標題、樣式表和腳本等。 <li><title>：網頁標題，顯示在瀏覽器標籤頁上。 <li><body>：網頁主要內容的容器。 <p>第二步：新增內容和元素<p>現在，我們可以為網頁新增內容和元素了。以下是一些常見的HTML元素：<ul><li><h1> - <h6>：標題標籤，h1是最大的等級。 <li><p>：段落標籤。 <li><a>：連結標籤。 <li><img>：插入圖片標籤。 <li><ul>：無序列表標籤。 <li><ol>：有序列表標籤。 <li><li>：列表項目標籤。 <li><div>：容器標籤。 <p>以這個例子來說，在<body>標籤中加入一個標題、一個段落和一個連結：<body> <h1>欢迎来到我的网站！</h1> <p>这是一个新的段落。</p> <a href="https://www.example.com">这是一个链接</a> </body>
<h1>：新增了一個網頁主標題。 <li><p>：新增了一個新的段落。 <li><a>：新增了一個鏈接，href屬性為連結的URL位址。 <p>第三個步驟：使用CSS美化你的網頁<p>CSS（層疊樣式表）是一種用來讓HTML頁面更美觀的樣式和版面的程式語言。 CSS最主要的目的是為HTML文件添加樣式，例如字體、顏色和佈局等。在本例中，我們將為我們的標題和段落添加一些樣式：<!DOCTYPE html>
<html>
<head>
<title>我的第一个HTML页面</title>
<style>
h1 {
color: red;
font-family: Arial, sans-serif;
}
p {
font-size: 16px;
line-height: 1.5;
}
</style>
</head>
<body>
<h1>欢迎来到我的网站！</h1>
<p>这是一个新的段落。</p>
<a href="https://www.example.com">这是一个链接</a>
</body>
</html>#style標籤：包含CSS程式碼的容器。
<li>
h1：透過color屬性設定標題的顏色，並設定字型。
<li>
p：設定段落的字體大小和行高。
<p>第四步：測試你的頁面
<p>在新增程式碼之後，我們可以透過開啟瀏覽器來測試我們的HTML頁面是否有誤。在儲存為HTML格式後，請雙擊HTML檔案開啟瀏覽器進行測試即可。如果頁面載入良好，則表示您的基礎頁面已成功建立！
<p>結語
<p>我們已經了解如何建立自己的HTML頁面，包括HTML文件結構、新增內容和元素以及使用CSS美化頁面。這只是HTML的基礎知識，後續學習可以涉及HTML表單、圖像和連結等相關內容。祝大家在未來的網頁程式設計學習中有更好的體驗！ 以上是如何建html的詳細內容。更多資訊請關注PHP中文網其他相關文章！
