HTML和CSS是網頁開發中的兩大關鍵技術。它們能夠讓我們的網頁更美觀，更能吸引并留住用戶，更好地傳達信息。在HTML中，標簽和屬性的設置是非常重要的。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>樣式和屬性</title>
<style>
/* 設置body標簽的背景顏色和文字顏色 */
body {
background-color: #F5F5F5;
color: #666666;
}
/* 設置h1標簽的字體大小和顏色 */
h1 {
font-size: 36px;
color: #333333;
}
/* 設置p標簽的字體大小和行高 */
p {
font-size: 18px;
line-height: 1.5;
}
</style>
</head>
<body>
<h1>樣式和屬性</h1>
<p>HTML和CSS是網頁開發中的兩大關鍵技術。它們能夠讓我們的網頁更美觀，更能吸引并留住用戶，更好地傳達信息。在HTML中，標簽和屬性的設置是非常重要的。</p>
</body>
</html>CSS樣式可以輕松地改變HTML元素的外觀，例如字體、顏色、邊框等。在上面的代碼中，我們設置了body標簽的背景顏色和文字顏色、h1標簽的字體大小和顏色，以及p標簽的字體大小和行高。
HTML屬性則是指定HTML元素的特征和行為，例如鏈接、圖像、表格等。其中，href屬性指定鏈接URL，src屬性指定圖像URL，border屬性指定表格邊框大小等。下面是一個例子：
<a >Click Here</a> <table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table>
在上面的代碼中，我們設置了一個鏈接，指向https://www.example.com，并指定顯示文本為“Click Here”。此外，我們還設置了一張圖像，其URL為example.jpg，并添加了一句描述文字“Example Image”。還有一個簡單的表格，其中border屬性指定了表格邊框大小為1。
總之，HTML和CSS的結合可以使我們創造出美麗、易于使用的網頁。有效地使用標簽和屬性以及樣式可以幫助我們設計更出色的UI，提高用戶體驗。
上一篇css樣式在哪個菜單