Difference between revisions 184714 and 184715 on plwikibooks

HTML - UKŁAD STRONY

Pierwsze co zwykle przychodzi nam do głowy, to jak to wszystko "poukładać" na stronie - gdzie umieścimy logo a gdzie treść i odsyłacze do strony?

HTML pozwala to wykonać za pomocą tabeli, poniżej przykład dwukolumnowego podziału strony:

<source lang="html4strict">
<table width="100%" cellspacing="0" cellpadding="10">
(contracted; show full)Jeżeli tworzysz stronę w rozwijanym jeszcze języku HTML5, stronę tworzysz za pomocą elementów semantycznych:
musisz na początku w CSS dodać dyrektywę, że mają być wyśw. blokowo:
<pre>
aside, article, footer, header, section, nav, hgroup, figure {display:block}
</pre>

Przykład sekcji z artykułami:

<source lang="html">⏎
<section id="artykuly">
        <!-- Tag article wskazujący miejsce gdzie znajduje się artykuł. Dodatkowo ma przypisane id, aby skrypt do scrollowania działał -->
        <article>
            <h2>...</h2>
 
            <div class="linia"></div>
 
            <div class="szkielet clear">
            <!-- Tag figure oznacza jakieś zewnętrzne dane (zazwyczaj obrazek), które są częścią artykułu -->
            	<figure>
            		<a href="#"><img src="..." /></a>
            	</figure>
            	<p>...</p>
            	<p>...</p>
            </div>
        </article>
 
        <div class="linia"></div>
 
        <article>
            <h2>...</h2>
 
            <div class="linia"></div>
 
            <div class="szkielet clear">
                <figure>
                	<a href="#"><img src="..." /></a>
                </figure>
                <p>...</p>
                <p>...</p>
            </div>
        </article>
</section>⏎
</source>

<small>Czy mógłbyś pomóc mi w tworzeniu podr. o XML?</small>
Wygląda to tak:


Tak prawidłowo wygląda układ strony na blokach:

(contracted; show full)
#[[Ubuntu/Podstawowe polecenia|Podstawowe polecenia]] {{kompletność krótka|100%|12.07.2010}}
#[[Ubuntu/Dostęp do konta root|Dostęp do konta root]] {{kompletność krótka|100%|13.07.2010}}
#[[Ubuntu/Zarządzanie pakietami|Zarządzanie pakietami]] {{kompletność krótka|100%|13.07.2010}}
#[[Ubuntu/Kompilacja programów ze źródeł|Kompilacja programów ze źródeł]] {{kompletność krótka|100%|14.07.2010}}
#[[Ubuntu/Kompilacja jądra|Kompilacja jądra]] {{kompletność krótka|100%|14.07.2010}}