Znaczniki języka HTML z elementami języka XHTML

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”> niebieska 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