Difference between revisions 184713 and 184714 on plwikibooks

< previous diff
next diff >
Wikipedysta:Kompowiec2/Brudnopis2
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)===Elementy semantyczne w HTML5===
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:
<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>

<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:

_____________________________
WPROWADZENIE DO SYSTEMU DEBIAN - SPIS TREŚCI

(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}}