1.0Stílusosanhttps://stilus.cafeblog.huHollihttps://stilus.cafeblog.hu/author/Holli/Div ide<P>(Bírom, mikor ilyen szellemes címeket agyalok ki.)<BR>Hát akkor essek neki a honlapdíszítgetésnek.</P>
<P>Az a sejtésem, hogy a jól kezelhető honlap titka a jó tagolás. Ezzel a honlappal nem is lesz most gondom, túl sokféleképpen nem tudom tagolni. Logikus ez a felépítés:</P>
<P align=center><IMG class=blogkep src="https://stilus.cafeblog.hu/files/stilus.png"></P>
<P align=left>A jegyzettömbben a html-kódokat ki kell egészítenem úgy, hogy az oldal végül három fő egységre: elnevezésre, szövegre és linkfalra tagolódjon, ez utóbbi kettőben pedig külön formázható legyen a cím és a konkrét tartalom.</P>
<P align=left>A tagolásnál nagyon vigyázni kell arra, hogy az elsőnek megnyitott elemet kell utolsóként lezárni - ez is jól látszik az ábrán, például az oldal-t jelképező négyszög a név előtt kezdődik, és a linkfal után végződik. Legjobb magát a tagolást is hasonló elrendezésben megcsinálni, akkor könnyen áttekinthető marad a forrás.</P>
<P align=left>A legkisebb egységekkel nem kell foglalkoznom, csak a linklistát teszem <ul> és </ul> tagek közé, ezzel egy úgynevezett rendezetlen listát hoztam létre.</P>
<P align=left>Az összes többi egységet úgy alakítom ki, hogy a bele tartozó elemeket <div id="valami"> és </div> tagek közé pakolom.</P>
<P align=left>A tegnapi honlapom tartalma így fog változni:</P>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<P align=left><html><BR><title>hello holli</title></P>
<P align=left><BR><body></P>
<P align=left><div id="egeszhonlap"></P>
<P align=left> <h1>Hello, holli</h1></P>
<P align=left><BR> <div id="szoveg"></P>
<P align=left> <h2>Rejtő Jenő: A tizennégy karátos autó (részlet)</h2></P>
<P align=left> <p>(itt van az idézet a könyvből)</p></P>
<P align=left> </div></P>
<P align=left><BR> <div id="linkfal"></P>
<P align=left> <h2>Linkek</h2></P>
<P align=left> <ul></P>
<P align=left> <li><a href="https://stilus.cafeblog.hu/">blogom</a></li><BR> <li><a href="mailto:helloholli@gmail.com">email címem</a></li><BR> <li><a href="http://cafeblog.hu/">cafeblog főoldal</a></li><BR> <li><a href="http://www.csszengarden.com/tr/magyar/">zen garden</a></li></P>
<P align=left> </ul></P>
<P align=left> </div></P>
<P align=left></div></P>
<P align=left></body></P>
<P align=left></html></P></BLOCKQUOTE>
<P dir=ltr align=left>A honlapnak ehhez a body részéhez többé nem nyúlok. Legalábbis remélem... :)</P>rich