HTML — strona internetowa

Strona internetowa to plik tekstowy z znacznikami HTML. Znacznik otwierający i zamykający tworzą element: <p>tekst</p>. Przeglądarka czyta znaczniki i wyświetla treść.

Szkielet dokumentu: <!DOCTYPE html>, <html>, w środku <head> (tytuł, kodowanie — niewidoczne na stronie) i <body> (cała widoczna treść).

Podstawowe znaczniki: <h1>–<h6> nagłówki, <p> akapit, <a href="..."> odnośnik, <img src="..." alt="..."> obraz, <ul><li> lista. Wyglądem zajmuje się CSS, nie HTML.

• <h1>…</h1> — najważniejszy nagłówek
• <p>…</p> — akapit tekstu
• <a href="..."> — odnośnik do innej strony
• <img src alt> — obraz z opisem alternatywnym
• <ul><li> — lista wypunktowana

• Znacznik — polecenie dla przeglądarki
• head — informacje o stronie
• body — widoczna treść
• CSS — odpowiada za wygląd

Co to HTML?

Język znaczników opisujący strukturę strony internetowej.

Co zawiera sekcja head?

Informacje o stronie: tytuł, kodowanie — niewidoczne na stronie.

Co zawiera sekcja body?

Całą widoczną treść strony.

Jak wstawić odnośnik?

<a href="adres">tekst linku</a>.

Jak wstawić obraz?

<img src="plik.jpg" alt="opis">.

Po co atrybut alt w obrazie?

To opis obrazu dla osób niewidzących i gdy obraz się nie wczyta.

Który nagłówek jest najważniejszy?

<h1>.

Co odpowiada za wygląd strony?

CSS — HTML odpowiada za strukturę.

Do czego służy znacznik <br>?

Do przejścia do nowej linii — to element pusty.

Gdzie wyświetla się treść znacznika <title>?

Na karcie przeglądarki i w wynikach wyszukiwania.

Który znacznik tworzy listę numerowaną?

Znacznik <ol>; pozycje listy to <li>.

Jak zwykle nazywa się plik strony głównej?

index.html — serwer otwiera go domyślnie.

1. Odnośnik tworzy znacznik…

1. <img>
2. <a>
3. <ul>
4. <head>

2. Za wygląd strony odpowiada…

1. HTML
2. CSS
3. Python
4. HTTP

3. Listę numerowaną tworzy znacznik…

1. <ul>
2. <ol>
3. <li>
4. <dl>

4. Elementem pustym, bez znacznika zamykającego, jest…

1. <p>
2. <img>
3. <h1>
4. <div>

5. Odsyłacz tworzymy znacznikiem:

1. <a>
2. <p>
3. <img>
4. <h1>