Dokumentacja bloga Milek

**Plik index.html**

Plik `index.html` jest głównym plikiem strony internetowej, napisanym w języku **HyperText Markup Language (HTML)**. Definiuje on strukturę dokumentu i jego treść za pomocą tagów i elementów HTML.

**Analiza kodu HTML**

* **Deklaracja DOCTYPE**

* Pierwsza linia pliku `<!DOCTYPE html>` informuje przeglądarkę internetową, że dokument jest zgodny ze standardem **HTML5**.

* **Element `<html>`**

* Element `<html>` jest elementem **pierwszego poziomu** dokumentu HTML i stanowi jego rdzeń. Wszystkie inne elementy HTML muszą być zagnieżdżone wewnątrz tego tagu.

* **Element `<head>`**

* Element `<head>` zawiera **metadane** o stronie, które nie są bezpośrednio wyświetlane, ale są ważne dla wyszukiwarek internetowych i przeglądarek. W tym pliku znajdują się informacje takie jak:

* **Tytuł strony** (`<title>`)

* **Linkowanie ikony strony** (`<link rel="icon" type="image/x-icon" href="/images/FAVICON.ico">`)

* **Kodowanie znaków** (`<meta charset="UTF-8">`) - W tym przypadku kodowanie jest ustawione na UTF-8, które umożliwia obsługę różnych znaków i języków.

* **Skalowanie strony dla urządzeń mobilnych** (`<meta name="viewport" content="width=device-width, initial-scale=1">`) - Dzięki temu strona internetowa będzie responsywna i dostosuje swój wygląd do różnych ekranów (komputerów, tabletów, smartfonów).

* **Element `<body>`**

* Element `<body>` zawiera **treść** strony internetowej, którą widzi użytkownik po jej otwarciu w przeglądarce. Wszystkie elementy wizualne i strukturalne strony znajdują się właśnie w tym tagu.

**Przykładowa struktura kodu HTML**

```html

<!DOCTYPE html>

<html>

<head>

<title>Tytuł strony</title>

</head>

<body>

</body>

</html>

```

**Arkusz stylów CSS**

* **Plik style.css** zawiera reguły stylu zapisane w języku **Cascading Style Sheets (CSS)**. CSS pozwala na oddzielenie stylów wizualnych od struktury dokumentu HTML, co poprawia czytelność i łatwość utrzymania kodu.

* **Selektory CSS** służą do wybierania elementów HTML, do których mają być zastosowane style. Mogą być proste (np. `body`, `h1`, `.card`) lub bardziej złożone (np. `div.container p:first-child`).

* **Właściwości CSS** definiują konkretne style elementów, takie jak kolor tła (`background-color`), rozmiar czcionki (`font-size`), marginesy wewnętrzne (`padding`) itp.

**Przykładowe reguły CSS**

```css

body {

font-family: Arial, sans-serif; /* Ustawia czcionkę dla całego body */

margin: 0; /* Ustawia marginesy body na 0 */

padding: 20px; /* Dodaje wewnętrzny padding do body */

background: #e0e0e0; /* Ustawia kolor tła body */

}

```

W dalszej części dokumentacji można opisać szczegółowo poszczególne elementy HTML i style CSS użyte na stronie, a także omówić zagadnienia związane z responsywnością i optymalizacją strony internetowej.