HTML和CSS是萬維網上的兩種基本技術,它們是網頁開發的基礎。HTML(超文本標記語言)用于創建和描述文檔(包括網頁),而CSS(層疊樣式表)則用于為這些文檔添加樣式和布局。
要開始學習HTML和CSS,首先需要安裝一個文本編輯器,比如Visual Studio Code、Sublime Text等。這些編輯器提供了代碼著色和自動完成,可以讓編寫代碼變得更加輕松。
<!DOCTYPE html> <html> <head> <title>我的網頁</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>歡迎來到我的網頁</h1> <p>這是一段示例文字。</p> <img src="image.jpg" alt="圖片"> </body> </html>
上面的代碼是一個簡單的HTML文檔,其中包含一個標題、一段文字和一張圖片。CSS樣式是在樣式表文件(style.css)中定義的。在樣式表中,可以為各種HTML元素指定樣式,比如顏色、字體、大小等。
p { color: red; font-size: 16px; } h1 { font-weight: bold; text-align: center; } img { width: 50%; margin: 0 auto; }
上面的代碼是一個簡單的CSS樣式表,其中包含了針對p、h1和img元素的樣式。這些樣式會覆蓋HTML文檔中默認的樣式,使文檔看上去更加漂亮和專業。
總的來說,學習HTML和CSS的基礎知識并不難,只需要掌握簡單的語法和一些常見的標簽和屬性即可。當然,這只是一個入門級別的介紹,更深入的知識可以在實踐中不斷積累。
上一篇MySQL線上表
下一篇html css圖文混排