Po tej lekcji będziesz: |
Podstawowe pojęcia:
Włącz stronę: https://html-online.com/editor/
Budowa strony internetowej
Element strony |
Opis |
Znaczniki |
Definicja dokumentu - początek: |
|
<HTML> |
NAGŁÓWEK |
– początek dokumentu definiujący parametry całej strony pozwalający na prawidłowe jej wyświetlanie w przeglądarce. Te elementy nie są wyswietlane w przeglądarce, ale są przez nią interpretowane (przetwarzane) Elementy, które mogą być zdefiniowane w nagłówku to: |
<head>
</head> |
Treść dokumentu - początek |
DOKUMENT – zawartość strony internetowej widoczna w przeglądarce. |
<body> |
|
Podstawowe znaczniki wykorzystywane na stronie internetowej to: |
|
|
- nagłówek poziomu 1 |
<h1></h1> np. <h1>przykładowy tekst</h1> |
|
- paragraf |
<p></p> np. <p>przykładowy tekst</p>
|
|
- pogrubienie |
<b></b> np. <b>przykładowy tekst</b> |
|
- kursywa |
<i></i> np. <i>przykładowy tekst</i> |
|
- czcionka |
<font></font> np. <font>przykładowy tekst</font>
|
|
- wstawianie obrazu |
<img>
|
|
- hyperlink |
<a></a>
|
|
- formularz rozpoczęcie |
<form>
|
|
- pole formularza |
<input type=””>
|
|
- lista rozwijalna |
<select name="nazwa"> <option>Tu wpisz pierwszą możliwość</option> <option>Tu wpisz drugą możliwość</option> </select> |
|
- formularz zakończenie |
</form> |
|
- rozpoczęcie tabeli |
<table> |
|
- wiersz tabeli - rozpoczęcie |
<tr> |
|
- komórka tabeli |
<td></td> np. <td>przykładowy tekst</td> |
|
- wiersz tabeli - zakończenie |
</tr> |
|
- zakończenie tabeli |
</table> |
Treść dokumentu – zakończenie |
|
</body> |
Definicja dokumentu - zakończenie: |
|
</HTML> |
Czytelność zapisu strony internetowej:
W celu przejrzystości zapisu strony internetowej zaleca się stosowanie odpowiednich wcięć przy każdym znaczniku zagłębionym w innym.
Przykład prawidłowo sformatowanej strony:
Wygląd strony:
Strony internetowe z opisem znaczników: