提示詞
複製並自訂
一張專業且清晰的教育資訊圖表，解釋 HTML 與 CSS 之間的關係。設計採用簡潔、現代的佈局，並為 HTML 結構與 CSS 樣式劃分明確區域。使用明亮、高對比度的配色方案、極簡圖示與清晰的排版來呈現程式碼區塊。構圖平衡、易於閱讀，並針對 16:9 寬高比進行了優化。
適用於
教育性網頁內容技術部落格文章程式設計教學簡報軟體說明文件視覺素材
提示與技巧
使用高對比度配色方案，以清楚區分圖表中的 HTML 結構元素與 CSS 樣式屬性。
確保佈局遵循邏輯流程（例如從左到右或從上到下），以有效傳達程式碼之間的關係。