HTML與CSS是網頁制作中最常用的技術。HTML用于定義網頁內容,而CSS用于定義網頁的樣式。因此,在進行網頁設計時,HTML和CSS是兩個不能分開的技術。
// HTML代碼舉例 <!DOCTYPE html> <html> <head> <title>網頁標題</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="main"> <p>這是網頁內容</p> <img src="picture.png"> </div> </body> </html>
在上面的HTML代碼中,<!DOCTYPE html>用于聲明該頁面是HTML5標準的文檔類型,<html>標簽包含了整個網頁的內容,<head>標簽包含了網頁的元數據信息,<body>標簽包含了網頁的實際內容。<link>標簽用于引入CSS樣式表。
在CSS中,可以通過選擇器來選擇HTML元素并設置樣式。例如:
/* CSS代碼舉例 */ #main { width: 800px; margin: 0 auto; } p { font-size: 14px; color: #333; } img { border: 1px solid #ccc; }
在上面的CSS代碼中,#main選擇器用于選擇id為main的HTML元素,并設置其寬度為800像素、水平居中顯示,p選擇器用于選擇所有的段落元素,并設置其字體大小為14像素,顏色為黑色,img選擇器用于選擇所有的圖片元素,并設置其邊框為1像素的灰色邊框。
通過HTML和CSS的結合,可以實現非常靈活和豐富的網頁樣式,提高用戶體驗,也可以更好地展示網站的內容。
上一篇html css算語言嗎
下一篇html css獲取高度