<!DOCTYPE html> <html> <head> <title>标题</title> </head> <body> <h1>标题</h1> <p>正文</p> </body> </html>
<!DOCTYPE html>
用來定義文件類型,<html>
和</ html>
標籤包含了整個HTML文件的內容,<head>
和</head>
標籤之間包含文件的元數據,如標題、樣式等,<body>
和</body>
標籤之間包含了HTML頁面的主要內容。
<p>步驟三:使用HTML標記語言
<p>在HTML中,標籤是最基本的元素,可以用來定義不同的結構與內容。以下是一些常見的HTML標籤:
<ul>
<li>
<h1> - <h6>
: 標題標籤,用於定義頁面的標題。 h1~h6分別表示不同的標題大小,其中h1最大,h6最小。
<li>
<p>
: 段落標籤,用於定義頁面中的段落文字。
<li>
<a>
: 連結標籤,用於定義連結到另一個頁面或文件的超連結。
<li>
<img>
: 圖像標籤,用於在頁面中展示圖片。
<li>
<ul>
和 <li>
: 無序列表標籤,用於定義無序列表。
<li>
<ol>
和 <li>
: 有序列表標籤,用於定義有序列表。
<li>
<table>
、 <th>
和<td>
: 表格標籤,用於定義表格以及表格中的表頭和單元格。
<li>
<form>
、 <input>
和<button>
: 表單標籤,用於建立輸入框以及提交按鈕等。
<p>步驟四:使用CSS進行樣式設定
<p>CSS (Cascading Style Sheets )是一種用來控制網頁樣式的語言。使用CSS,可以為頁面設定顏色、字型、背景圖像等樣式屬性。通常情況下,CSS頁面中的設計被單獨製成一個.css文件,該文件被引用到HTML頁面中。以下是一個簡單的CSS程式碼範例:
body { background-color: blue; } h1 { font-size: 36px; color: white; }
以上是如何製作html網頁的詳細內容。更多資訊請關注PHP中文網其他相關文章!