Podstawy HTML-a:
Wstęp:
- HTML (Hypertext Markup Language) jest to kod używany do tworzenia struktury strony i jej zawartości.
- HTML jest językiem znaczników (ang. markup language). Składa się ze znaczników (tagów), których używa się do zamknięcia, opakowania różnych części treści, tak aby wyglądały i/lub działały w określony sposób.
- Znaczniki piszemy w nawiasach: <znacznik>.
- Znaczniki mogą mieć swoje tagi otwierające i zamykające:
- Część znaczników nie ma oddzielnego tagu zamykającego. Zapisujemy je wtedy w taki sposób: <znacznik/>
- Znaczniki mogą posiadać parametry (atrybuty), które mają przypisane swoje wartości:
- Strona WWW w HTML, to plik z rozszerzeniem html. Plik główny witryny zwykle nosi nazwę: index.html
Źródło grafik: https://developer.mozilla.org/pl/docs/Learn/Getting_started_with_the_web/HTML_basics
Przegląd znaczników HTML-a z przykładami:
lub pobierz go: podstawowe znaczniki HTML-a
Zadanie. Stosowanie podstawowych znaczników języka HTML.
- Pobierz archiwum: html_zadanie.zip.
- Rozpakuj pobrany plik.
- Wejdź do folderu: html_zadanie.
- Plik index_dla_uczniow.html otwórz w przeglądarce internetowej i używanym przez Ciebie edytorze kodu (np: Notepad++)
oficjalna strona programu Notepad++. - W kodzie pliku index_dla_uczniow.html znajdują się polecenia umieszczone w komentarzach.
- Wykonaj je używając odpowiednich znaczników języka HTML.
- Po każdej modyfikacji kodu zapisz plik i odśwież okno przeglądarki w celu zaobserwowania efektu.
- Po wykonaniu wszystkich poleceń Twoja strona powinna być podobna do: tej strony.
Uwaga!!!
Zadanie zrób SAMODZIELNIE. Tylko wtedy będzie postęp. Jednak jeśli sam nie dasz rady, to w pobranym archiwum znajduje się plik index_gotowy.html. Skorzystaj z niego i przeanalizuj przykładowy kod do poleceń.