HTML和CSS是創建網頁頁面的基礎。HTML定義了頁面的內容和結構，CSS則定義了頁面的樣式和布局。下面是一些常用的HTML和CSS代碼，可以幫助您制作出優雅而具有實用性的網頁。
<html> <head> <title>我的網頁標題</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>歡迎來到我的網頁！</h1> <p>這是一個關于我的網頁的介紹。</p> <div class="content"> <h2>我的愛好</h2> <ul> <li>閱讀</li> <li>旅行</li> <li>健身</li> </ul> </div> </body> </html>
HTML代碼的主要結構是包含在<html>標簽中，其中<head>標簽包含了頁面的元數據和CSS鏈接，<body>標簽包含了實際的頁面內容。
CSS代碼則使用選擇器和屬性定義了頁面的樣式。下面是一些簡單的CSS代碼：
.content {
margin: 20px;
padding: 10px;
border: 1px solid #ccc;
background-color: #f6f6f6;
}
h1 {
font-size: 36px;
color: #333;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
margin-bottom: 10px;
}在這個例子中，我們定義了一個名為「content」的CSS類，并為它設置了一些常見的屬性，如邊距、填充和背景顏色。我們也定義了h1標簽的樣式，使它顯示為36號字體和深灰色。同時，我們使用「list-style: none」去掉了ul標簽的標記符號，并去掉了列表項之間的默認邊距。
HTML和CSS是創建網頁頁面的關鍵部分。通過學習這些簡單的代碼，您可以創建出漂亮實用的網頁。