OdrabiamyPremiumBasicfiszki

HTML: podstawowe znaczniki i struktura strony

Informatyka

Zestaw obejmuje podstawy języka HTML potrzebne w szkole średniej: budowę dokumentu, najważniejsze znaczniki, linki, listy, obrazy, tabele i formularze. Dzięki fiszkom i quizom utrwalisz zarówno składnię, jak i znaczenie elementów tworzących prostą stronę internetową.

16 fiszek16 pytań · 2 etapy

1.HTML

Język znaczników służący do opisywania struktury strony internetowej. Określa, jakie elementy znajdują się na stronie, np. nagłówki, akapity, listy, obrazy czy odsyłacze.

2.Znacznik

Element składni HTML zapisany w nawiasach ostrokątnych, np. <p><p> lub <h1><h1>. Zwykle występuje jako znacznik otwierający i zamykający, między którymi znajduje się treść.

3.Atrybut

Dodatkowa informacja zapisywana w znaczniku, np. hrefhref w linku albo srcsrc w obrazie. Atrybuty rozszerzają działanie elementu i określają jego właściwości.

4.<!DOCTYPEhtml><!DOCTYPE html>

Deklaracja informująca przeglądarkę, że dokument jest zapisany w standardzie HTML5. Umieszcza się ją na początku pliku.

5.<html><html>

Główny element dokumentu HTML, który obejmuje całą zawartość strony: zarówno część techniczną <head><head>, jak i widoczną dla użytkownika część <body><body>.

6.<head><head>

Sekcja zawierająca informacje o dokumencie, które zwykle nie są wyświetlane jako treść strony, np. tytuł karty, kodowanie znaków czy odwołania do stylów.

7.<title><title>

Znacznik umieszczany w sekcji <head><head>, określający tytuł strony widoczny na karcie przeglądarki i w wynikach wyszukiwania.

8.<body><body>

Część dokumentu HTML zawierająca właściwą treść strony widoczną dla użytkownika, np. tekst, nagłówki, obrazy, listy, tabele i formularze.

9.Nagłówki <h1><h1><h6><h6>

Znaczniki służące do oznaczania tytułów i śródtytułów. <h1><h1> ma najwyższy poziom ważności, a <h6><h6> najniższy.

10.<p><p>

Znacznik akapitu. Służy do zapisywania dłuższych fragmentów tekstu jako oddzielnych jednostek treści.

11.<a><a>

Znacznik odsyłacza, czyli linku. Najczęściej używa atrybutu hrefhref, który wskazuje adres strony lub pliku, do którego prowadzi odnośnik.

12.<img><img>

Znacznik wstawiający obraz. Korzysta m.in. z atrybutu srcsrc określającego źródło pliku oraz altalt, który opisuje obraz, gdy nie może zostać wyświetlony.

13.Lista uporządkowana i nieuporządkowana

Lista uporządkowana <ol><ol> tworzy elementy numerowane, a lista nieuporządkowana <ul><ul> — punktowane. Pojedyncze elementy obu list zapisuje się w <li><li>.

14.Tabela HTML

Struktura do przedstawiania danych w wierszach i kolumnach. Podstawowe znaczniki to <table><table>, <tr><tr> dla wiersza, <td><td> dla komórki i <th><th> dla komórki nagłówkowej.

15.Formularz

Zestaw pól umożliwiających użytkownikowi wprowadzanie danych. Tworzy się go znacznikiem <form><form>, a pola np. za pomocą <input><input>, <textarea><textarea> i przycisków.

16.Semantyczne znaczniki HTML5

Znaczniki opisujące rolę części strony, np. <header><header>, <nav><nav>, <main><main>, <section><section>, <article><article>, <footer><footer>. Ułatwiają zrozumienie struktury dokumentu.

Quizy w tym zestawie

16 pytań w 2 etapach — odblokujesz je po dodaniu zestawu

Podobne zestawy

Zobacz wszystkie fiszki z informatyki

Zestaw trafi do Twojej „Mojej nauki" — postęp liczysz po swojemu.