iT邦幫忙

2025 iThome 鐵人賽

DAY 4
0
Modern Web

從0到有做出一個商家網頁系列 第 4

Day4:添加網頁內容物

  • 分享至 

  • xImage
  •  

今天要開始編輯網頁的內容
1.首先把網頁名稱加上商家標題
https://ithelp.ithome.com.tw/upload/images/20250806/20176052c1ipEeSpSh.png

2.在網頁裡加上商家名稱和商品內容,記得程式中要適當的縮排,這樣不僅可以增加程式的可讀性,還可以減少程式的出錯率
https://ithelp.ithome.com.tw/upload/images/20250806/20176052mLfAW5CzTG.png

3.在網頁底部加上店家電話和社群網址

這裡使用到兩種語法:
1.<p>訂購專線:<a href="tel:0906-239-338">0906-239-338</a></p>

2.<p>FB:<a href="#">#</a></P>
(一)<p> </p> > 註記標籤
(二)<a href="tel:xxxx-xxx-xxx">xxxx-xxx-xxx</a> > xxx字號要換成電話號碼
(三)<a href="#">#</a> > #字號要換成網址

網頁內容
https://ithelp.ithome.com.tw/upload/images/20250806/20176052HF09OyhbQm.png

4.在網頁上加上店家logo
這裡使用<img src="471192206_1014951287316776_7308751836065458396_n.jpg">

<img src="xxx.jpg"> >""內加上圖片的檔案名稱加副檔名

網頁內容
https://ithelp.ithome.com.tw/upload/images/20250806/20176052KIXu9GaA47.png

今天就先做到這邊明天再繼續!


上一篇
Day3:做出網頁框架
下一篇
Day5:賦予網頁多種色彩的工具CSS
系列文
從0到有做出一個商家網頁30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言