簡體   English   中英

如何使用 html js 和 bootstrap 編輯標題

[英]how to edit header using html js and bootstrap

我需要做與這個相同的標題:我正在尋找的最終結果

這是我的初始代碼:

 <!DOCTYPE html> <html lang="en"> <head> <title>Site web </title> <style type="text/css"> body { margin: 0; padding: 0; } </style> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" /> </head> <body> <div class="row"> <div class="col-md-12 col-xl-12"> <img src="plante.png" style="width:30px" /> <div>Les jardins du lys </div> <div style="text-align: center"> ACCUEIL • CREATION DE JARDIN • ENTRETIEN DE JARDIN • CONTACT </div> <div> </div> </div> </div> </body> </html>

請如果您有任何想法如何編輯此頁面

為了達到你的目標,你必須改變很多事情。 您應該看的第一件事可能是,看一下您的目標是最終結果的代碼。 只需到最終結果標題所在的站點,打開開發人員工具並查看代碼即可。 並嘗試了解哪個部分用於哪個部分。 首先,您需要構建一個功能齊全的頁面 - 例如,您的菜單項是純文本,這意味着單擊它們時,不會發生任何事情。 例如,您必須將它們轉換為鏈接。 當一切正常時,您可以從 CSS 樣式開始。

祝你好運!

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM