7 Inf L2.2.

L2.2 Tworzenie własnej strony internetowej. Kolor, listy, akapit, tabela.

• kolor strony

• kolor tekstu

• listy uporządkowane

• listy nieuporzadkowane

• akapity

• linie poziome

• tabela

Przykład kodu źródłowego oraz wygląd w przeglądarce: lista uporządkowana:

Przykład kodu źródłowego oraz wygląd w przeglądarce: lista nieuporządkowana:

Przyjrzyj się uważnie ilustracji poniżej (strona internetowa w przeglądarce):

Zobacz jak wyglada kod źródłowy tej strony. Objaśnij działanie wszystkich znaczników użytych w  kodzie źródłowym.

Wstawianie tabeli do dokumentu HTML

Znaczniki tabeli:

• <table>...</table>  -znacznik tabeli

• <tr>...</tr> - znacznik wiersza 

• <td>...</td>  - znacznik pojedynczej komórki

• <th>...</th>  - znacznik komórki nagłówkowej, tekst do niej wpisany, jest zwykle pogrubiony oraz ustawiony na środku (wyśrodkowany) 

Przykładowa tabela:

poniżej kod źródłowy dla tabeli na ilustracji:

Wstawianie obrazu:

<img src= "nazwa obrazka.jpg" alt= "tekst alternatywny">

Jeżeli obrazek znajduje się w tym samym katalogu co strona, na której chcemy go  wstawić, wystarczy wpisać nazwę pliku obrazka z rozszerzeniem ".jpg" lub ".gif", w przeciwnym razie należy wpisać ścieżkę dostępu (miejsce w którym obrazek znajduje  się na dysku)

Wstawianie linku do strony:

<a href="adres strony internetowej"> informacja o stronie - klikając tutaj zostaniesz przekierowany na nową stronę internetową </a>