HTML: Materiały do Informatyki dla Klasy 8

Podstawy HTML - Co to jest i jak zacząć

HTML to język znaczników, który używasz do tworzenia stron internetowych. Każda strona to po prostu dokument tekstowy napisany w tym języku.

Znaczniki to specjalne polecenia w HTML, które mówią przeglądarce, jak ma wyglądać twoja strona. Dzięki nim dodajesz tekst, obrazki i inne elementy.

Do pisania stron w HTML możesz użyć zwykłego notatnika albo specjalnego edytora. Każdy dokument HTML ma podstawową konstrukcję: <!doctype html>, <html>, <head> i <body>.

💡 Pamiętaj: Znaczniki HTML to jak instrukcje dla przeglądarki - mówią jej, co ma robić z twoim tekstem!

Struktura dokumentu HTML

<!doctype html> informuje przeglądarkę, że to dokument HTML. <html> oznacza początek całego dokumentu.

<head>...</head> to nagłówek strony, gdzie umieszczasz informacje niewidoczne dla użytkownika. <body>...</body> to miejsce, gdzie budujesz właściwą zawartość strony.

Podstawowe znaczniki formatowania tekstu to: <p> dla akapitów, <br> do przechodzenia do nowej linii, <b> do pogrubiania i <i> do pochylania tekstu.

Nagłówki <h1> do <h7> pomagają uporządkować tekst - h1 to największy nagłówek, h7 to najmniejszy.

💡 Wskazówka: Zawsze pamiętaj o zamykaniu znaczników - jeśli otworzysz <p>, musisz zamknąć </p>!

Listy, obrazy i formatowanie

Listy nieuporządkowane <ul> wyświetlają elementy z kropkami, a listy uporządkowane <ol> numerują każdy punkt automatycznie.

<img src="nazwa pliku"> dodaje obrazek do strony. Znaczniki <font> pozwalają zmieniać kolor, rodzaj i wielkość czcionki.

<table> tworzy tabele, a <body bgcolor="nazwa koloru"> zmienia kolor tła całej strony.

Te wszystkie znaczniki możesz łączyć ze sobą, tworząc ciekawe i kolorowe strony internetowe.

💡 Pro tip: Eksperymentuj z różnymi kombinacjami znaczników - tak najlepiej nauczysz się HTML!