Hogyan kódoljunk HTML kóddal?

Sokakat foglalkoztat ez a kérdés. Hogyan kódoljunk HTML kóddal? Viszonylag hamar megtanúlható. ;) Nem mondm, hogy könnyű, de nem egy ördöngős tudomány. És akkor nem is beszélek tovább elmondom, hogy hogyan szoktam kódolni.

1.: Szerkeztek egy bemutató sablont . Ezt feltöltöm egy kép megosztó oldalra (általában a kepkezelo nevű honlapra teszem fel privátba), és ott kimásolom az URL címét- más néven a kép linkjét, vagy címét, ahogy tetszik-, és így illesztem be, ezzel a kóddal:

(a számokat csak odaírtam, hogy tudjátok hova kell írni számokat!)
<div style="width:562px; height:650px; margin: auto;text-align:center ;background: (kép URL címe);">

Ha ez meg van jöhetnek a szövegdobozok! :) A szövegdoboz már más tészta, sokkal több kód van ott. Hát sokat fogok írni, kezdjünk is bele!

<div style="text-align: justify; width: 250px; height: 476px; margin-top: 128px; margin-left: 260px; -webkit-transform: rotate(0deg); float: left; overflow: auto; background-color: transparent; padding: 10px 10px 10px 20px; border: 0px;"><font style="font-family: georgia; text-shadow: #464646 0px 0px 4px; line-height: 10pt; font-size: 10px;"><font color="#000000">

Ez csak a szövegdoboz adatai. A szöveg még hátra van! Ha megadtuk a szövegdoboz adatait jöhet maga a szöveg!

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

És ezzel zárjuk le:
</font></font></div><div>
Ha több szövegdobozt használunk, akkor az első szövegdobozok végére csak egy "div" kell. Amennyiben csak 1 szövegdobozos bemutatót használunk, 2 "div" kell a végére. Ha több szövegdobozosat használunk AKKOR IS kell az utolsó szövegdoboz végére "div"!
___________________________________________________________________________________________________________________

És itt van egy minta kód: 

<div style="width:562px; height:650px; margin: auto;text-align:center ;background: url (feltöltött kép URL címe);">

<div style="text-align: justify; width: 250px; height: 476px; margin-top: 128px; margin-left: 260px; -webkit-transform: rotate(0deg); float: left; overflow: auto; background-color: transparent; padding: 10px 10px 10px 20px; border: 0px;"><font style="font-family: georgia; text-shadow: #464646 0px 0px 4px; line-height: 10pt; font-size: 10px;"><font color="#000000">text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text textt text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text te text</font></font></div></div>

___________________________________________________________________________________________________________________

Remélem hasznos volt ez a kis HTML kódolás segítség! :)