Z našo zasnovo za nogo, ki je že pripravljena za uporabo v Photoshopu, jo lahko začnemo vgrajevati v naš statični model HTML in CSS. Prvi korak je, da si damo nekaj HTML-ja za delo. Že imamo "del", ki ga vključimo na vse strani, imenovan "footer.php". Tukaj je za zdaj idealen kraj za vključitev oznake za nogo.
Kot lahko le, je noga oznaka. V njem je nekaj seznamov povezav. Razpravljamo o tem, kako morda dejansko ne bi bilo idealno, če bi seznam povezav postavil v dejansko
- oznaka. V resnici niso seznam, navsezadnje gre le za nekaj povezav. Ko sem prebral ta članek, navigacije na sezname nisem več dal.
Funkcijo Zen Coding v CodePenu uporabljamo za hiter dostop do številnih povezav. Če ga želite preizkusiti, vnesite * 8 v urejevalnik HTML CodePen in pritisnite tipko Tab.
Končamo tako, da napišemo tudi oznako za spodnjo nogo. Obrobimo in razmislimo o najboljši oznaki, ki jo lahko uporabimo tam spodaj, vendar končno preprosto izberemo nekaj in gremo z njim. Stvari je v spletu vseeno enostavno spremeniti.