podstawy html.odt

(18 KB) Pobierz

Naglowki:

Naglowki moga byc stosowane w dokumencie np do zatytulowania jegos dzialu. Istnieje 6 typow naglowkow.

Najwiekszy to H1 a najmniejszy to H6.

Uzywamy ich w postaci:

 

<H1> Text </H1>

 

<h2 align="left">Nag³ówek wyrównany do lewego marginesu strony</h2>

<h2 align="center">Nag³ówek który zosta³ wyrównany do œrodka strony</h2>

<h2 align="right">Nag³ówek wyrównany do prawego marginesu strony</h2>

<h2 align="justify">Nag³ówek który zosta³ wyjustowany wzglêdem obydwu marginesów</h2>

 

--------------------------------------------------------------

<h3 title="To jest w³aœnie opis który mo¿e siê pokazaæ jako dodatkowe wyjaœnienie">Zatrzymaj tu kursor myszki</h3>

 

Dla nag³ówka (oraz tak¿e dla bardzo wielu innych znaczników)

mo¿na tak¿e przypisaæ dodatkowy tekst,

który zostanie przez przegl¹darkê wyœwietlony gdy kursor myszki na d³u¿ej siê nad nim zatrzyma

(tzw. tooltip - tekst pomocniczy). S³u¿y do tego parametr title

 

===========================================================

 

Linia pozioma:

<hr> - rysuje pozioma linie.

 

    * Moze posiadac kilka atrybutow: size - grubosc linii w pixelach

    * width - dlugosc linii ( w pixelach lub jako procento szerokosci okna)

    * align - wyrownanie - mozliwe wartosci to left, center, right

    * noshade - linia rysowana jest bez cienia

 

np: <hr width=50% size=3 align=center>

 

==============================================================

 

Listy:

numerowane - sa one objete znacznikami <ol> </ol> a kazdy element listy rozpoczyna sie od <li>

wypunktowane - sa objete znacznikami <ul> </ul> a kazdy element wypunktowania rownierz <li> np:

<ul> Oto lista:

<li> 1 element

<li> 2 element

</ul>

 

    * Oto lista: 1 element

    * 2 element

 

===================================================================

 

Hiperlacza:

Hiperlacze to inaczej mowiac odnosnik.

Moze on przekierowywac do innego miejsca na stronie lub nawet do innego miejsca w sieci.

Do uzywania hiperlaczy sluzy znacznik <a> z atrybutem href.

 

<a href="www.jakis.adres.com"> jakis text </a>

 

Jesli chcemy aby hiperlacze kierowalo do innego pliku HTML w tej samej witrynie,

podajemy jedynie nazwe tego pliku (o ile znajduje sie on w tym samym katalogu)

 

<a href="plik.html"> kliknij tutaj </a>

 

=======================================================================

 

Wymuszenie prze³amania wiersza (przejœcie do nowej linii) - s³u¿y do tego znacznik <br>.

Pamiêtaj jednak ¿e stosowanie tego znacznika do podzia³u tekstu na wiersze nie jest jego prawid³owym zastosowaniem -

w tym celu nale¿y stosowaæ pokazany wczeœniej znacznik <p> 

 

 

=====================================================================

 

 

Cytat -

 

do stworzenia wiêkszego bloku zawieraj¹cego cytat,

s³u¿y znacznik <blockquote>.

Tak stworzony cytat jest odsuniêty nieco od lewego brzegu dokumentu.

Do rozdzielania kolejnych linii (np. w wierszu) nale¿y stosowaæ znacznik <br>.

 

np.

<div style="margin-left: 30px">To jest fragment jakiegoœ tekstu który jest tak d³ugi ¿e siê nie zmieœci w jednej linii i bêdzie musia³ byæ kontynuowany w kolejnej,

a tu<br>wstawiony zostanie znacznik przejœcia do nowej linii</div>

 

====================================================================================

 

Obramowanie -

 

do stworzenia ramki otaczaj¹cej np. tekst s³u¿y znacznik <fieldset>

 

<fieldset><legend>Tytu³</legend>Tekst w ramce z tytu³em</fieldset>

 

 

=========================================================================================

 

 

 

 

 

 

 

Zgłoś jeśli naruszono regulamin