Nagłówki

Na swojej stronie możesz używać stopniowalnych nagłówków.

Nagłówek pierwszego stopnia

<h1>tekst</h1>

Znaczniki dla kolejnych poziomów wyglądają bardzo podobnie, zmienia się wyłącznie cyfra.

Jak jednak wyglądają jeden pod drugim? Sprawdźmy.

Nagłówek drugiego stopnia

Nagłówek trzeciego stopnia

Nagłówek czwartego stopnia

Nagłówek piątego stopnia

Nagłówek szóstego stopnia

##### Nagłówek piątego stopnia

Nagłówki możemy również wyrównywać.

<hx align="kierunek wyrównania">tekst</hx>

Do wyboru mamy kierunki: left, right, center.

Akapity

Przejście do nowego akapitu sygnalizujemy znacznikiem:

<p>

Akapity, podobnie jak nagłówki, możemy wyrównywać.

<p align="kierunek wyrównania">tekst</p>

Do wyboru mamy kierunki: left, right, center.

Jeśli w danym miejscu chcemy zaznaczyć koniec wiersza, ale nie akapitu, posłużymy się znacznikiem:

<br/>

Blokadę łamania wprowadzimy natomiast następującym znacznikiem:

<nobr>tekst</nobr>

Listy

Na budowanej stronie możemy chcieć zamieścić listę. Jak to zrobić?

Najpierw zdecydujmy, czy chcemy stworzyć listę numerowaną czy nienumerowaną.

Lista nienumerowana (nieuporządkowana)

Wprowadzamy ją następującymi znacznikami:

<ul>lista</ul>

To jednak nie wszystko, ponieważ oznaczyć powinniśmy również jej kolejne elementy. Jak to zrobić?

<ul>
	<li>pierwszy element listy</li>
    <li>drugi element listy</li>
    <li>trzeci element listy</li>
</ul>

Lista numerowana (uporządkowana)

Wprowadzamy ją następującymi znacznikami:

<ol>lista</ol>

Lista wraz z elementami wygląda podobnie jak lista nieuporządkowana:

<ol>
	<li>pierwszy element listy</li>
    <li>drugi element listy</li>
    <li>trzeci element listy</li>
</ol>

Odsyłacze

Nie bez powodu internet nazywamy siecią. Wszechobecne hiperłącza nie są już dla nikogo zaskoczeniem. Twoja strona internetowa zapewne będzie zawierać przynajmniej kilka odsyłaczy prowadzących do dokumentów, innych witryn, etc. Jak zatem przygotować taki odsyłacz?

<a href="miejsce docelowe">tekst hiperłącza</a>

Hiperłącza mogą prowadzić nie tylko do innych witryn, ale też otwierać klienta poczty, by wysłać maila na podany adres. Wymagają wtedy niewielkiej modyfikacji:

<a href="mailto:adres email">tekst hiperłącza</a>

Jeśli utworzysz odnośnik, tekst hiperłącza domyślnie będzie miał kolor niebieski oraz będzie podkreślony.

Komentarze

<!-- treść komentarza -->

Cokolwiek umieścisz w znaczniku komentarza zostanie zignorowane przez przeglądarkę. Tag ten jest niezmiernie użyteczny z punktu widzenia programisty. Umożliwia dokumentację kodu - wyjaśnienie jego działania, dzięki czemu, kiedy w przyszłości wrócisz do swojego kodu, będziesz wiedzieć, za co odpowiadał dany element.

Słownik