<!DOCTYPE html>
。這個聲明告訴瀏覽器這個文檔採用哪個文檔類型定義(DTD)。緊接著是 <html>
標籤,用來表示網頁的開始和結束。在 <html>
標籤內,通常會有兩個重要的子標籤:<head>
和 <body>
。
<ul>
<li>
<head>
標籤:它裡面的內容不會直接顯示在瀏覽器中,主要是提供頁面的元資料(metadata)。其中可以包含 <title>
標籤(用來設定網頁的標題)和 <meta>
標籤(用來設定網頁的關鍵字、說明等資訊)等。
<li>
<body>
標籤: 這是頁面的主要部分,包含了網頁內容的 HTML 標籤。
<p>以下是一個基本的HTML 結構程式碼:
<!DOCTYPE html> <html> <head> <title>我的网页标题</title> <meta charset="utf-8"> </head> <body> 这里是内容 </body> </html>
<p>
標籤,表示一個段落。
<p>这是一个段落。</p>
<p>
標籤內的文字「這是一個段落。」就是一個段落的文字內容。同時,HTML 也提供多種層次的標題 (h1、h2、h3……h6)
,以加強文章的層次感和結構感。
<h1>这是一个一级标题。</h1> <h2>这是一个二级标题。</h2>
<img>
標籤來插入圖像。
<img src="图片路径" alt="图片描述">
src
屬性是必須的,用來指定映像檔的 URL 或相對檔案路徑。 alt
屬性是為了當圖片無法顯示時,在頁面上顯示一段文字來說明圖片的內容。
<a>
標籤來建立連結。
<a href="http://www.example.com">这是一个链接</a>
href
屬性是必須的,用來指定連結的目標 URL。同時,也可以在 <a>
標籤中加入 title
屬性,來增加滑鼠懸停時的提示訊息。
<p>如果要連結到同一目錄下的其他HTML 文檔,也可以使用相對路徑:
<a href="./about.html">关于我们</a>
<ul>
和<li>
標籤來建立無序列表,使用<ol>
和<li>
標籤來創建有序列表。
<ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ul> <ol> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ol>
<table>
、<tr>
、<th>
和<td>
標籤來建立表格。
<table> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> </tr> <tr> <td>张三</td> <td>18</td> <td>男</td> </tr> <tr> <td>李四</td> <td>22</td> <td>女</td> </tr> </table>
<th>
標籤表示表頭單元格,<td>
標籤表示資料單元格,<tr>
標籤表示行,<table>
標籤表示整個表格。
<form>
、 <input>
、<label>
、<select>
和<textarea>
等標籤來建立表單。
<form> <label>用户名:</label> <input type="text" name="username"><br> <label>密码:</label> <input type="password" name="password"><br> <label>年龄:</label> <input type="number" name="age"><br> <label>性别:</label> <input type="radio" name="gender" value="male">男 <input type="radio" name="gender" value="female">女<br> <label>兴趣爱好:</label> <input type="checkbox" name="hobby" value="reading">阅读 <input type="checkbox" name="hobby" value="traveling">旅游 <input type="checkbox" name="hobby" value="swimming">游泳<br> <label>个人介绍:</label><br> <textarea name="introduction" rows="6" cols="50"></textarea><br> <input type="submit" value="提交"> </form>
<input>
標籤表示表單元素,name
屬性表示表單資料的名稱,type
屬性表示表單元素的類型,value
屬性表示表單元素的值,<select>
標籤表示下拉式選單,<textarea>
標籤表示多行文字框,<label>
標籤用來描述表單元素,<form>
標籤用來包含表單元素,<input type="submit">
表示提交按鈕。
以上是html程式碼怎麼寫的詳細內容。更多資訊請關注PHP中文網其他相關文章!