- 網頁設計與制作項目化實訓教程
- 吳蓓 陳桂芳 雷瑩主編
- 102字
- 2025-06-20 16:57:17
1-2 【任務演示】
制作頭部模塊,效果如圖1-7所示。

圖1-7 頭部模塊樣圖
1.效果分析
根據頭部模塊效果圖可以看出其是由一張logo圖片和導航文字組成。文字靠右對齊,文字間有間距,是常見的圖文混排。
2.html代碼實現
其網頁參考代碼如下:

制作頭部模塊,效果如圖1-7所示。
圖1-7 頭部模塊樣圖
1.效果分析
根據頭部模塊效果圖可以看出其是由一張logo圖片和導航文字組成。文字靠右對齊,文字間有間距,是常見的圖文混排。
2.html代碼實現
其網頁參考代碼如下: