Znaczniki języka HTML z elementami języka XHTML

1. Wielkość czcionki:
<font size

=”1”>To jest tekst pisany czcionką nr 1</font>

<font size

=”2”>To jest tekst pisany czcionką nr 2</font>

<font size

=”3”>To jest tekst pisany czcionką nr 3</font>

<font size=”4”

>To jest tekst pisany czcionką nr 4</font>

2. Kolor czcionki:
<font color=”red”>

To jest tekst pisany czcionką czerwoną

</font>

<font color=”green”>

To jest tekst pisany czcionką zieloną

</font>

3. Inne opcje formatowania czcionki:
<b>Tekst pogrubiony</b>
<u>

Tekst podkreślony</u>

<i>Tekst pochylony (kursywa)</i>

4. Wymuszanie nowej linii:
<br />

5. Wstawianie linii poziomej:
<hr

> szara linia przez całą szerokość ekranu

<hr

size=”2”> szara linia przez całą szerokość ekranu o grubości 2

<hr color=”blue”> nieb

ieska linia przez całą szerokość ekranu

<hr

color=”red” width=”50%”> czerwona linia na 50% szerokość ekranu

<hr

size=”3” color=”green” width=”80%”> linia o grubości 3, zielona na 80% szerokość ekranu

6. Akapity:
<p align=”center”>Akapit -

wyrównanie do środka</p>

<p align=”right”>Akapit - wyrównanie do prawej</p>
<p align=”left”>Akapit

część tekstu - wyrównanie do lewej</p>

7. Lista nr 1 (kolejne elementy listy zaczynają się od kropki):
<ul

>Podstawowe części komputera:

<li>jednostka centralna</li>
<li>monitor</li>
<li>klawiatura</li>
<li>myszka</li>
</ul>

8. Lista nr 2 (kolejne elementy listy zaczynają się od cyfry):
<ol

> Podstawowe części komputera:

<li> jednostka centralna</li>
<li>monitor</li>
<li>klawiatura</li>
<li>myszka</li>
</ol>

9. Wstawianie grafiki:
<img src=”kwiatek.gif” /> wstawienie grafiki z pliku kwiatek.gif
<img src=”robal.jpg” /> wstawienie grafiki z pliku robal.jpg

10. Wstawianie odnośnika (hiperłącza), w którym elementem aktywnym jest tekst:

<a href

=”http://www.wp.pl”>Odnośnik do Wirtualnej Polski</a>

<a href=”http://www.zszegrze.edu.pl”>

Strona internetowa Zespołu Szkół w Zegrzu</a>

11. Wstawianie odnośnika (hiperłącza), w którym elementem aktywnym jest obrazek
„kwiatek.gif”:

<a href=”http://www.wp.pl”><img src=”kwiatek.gif” border=”0”></a>

12.

Wstawianie tabeli o dwóch wierszach i dwóch komórkach w każdym wierszu:

<tr>...</tr> tworzenie pojedynczego wiersza tabeli
<td>...</td> tworzenie pojedynczej komórki tabeli

<table border=”1”>
<tr><td>Tu wstawiamy tekst lub obrazek</td><td>Tekst lub obrazek </td></tr>
<tr><td>Tu wstawiamy tekst lub obrazek </td><td>Tekst lub obrazek </td></tr>
</table>


<table border=”1” bgcolor

=”blue”> tabela o obramowaniu grubości 1 i niebieskim kolorze tła