Co to jest HTML, CSS i przeglądarka?
Każda strona internetowa, którą odwiedzasz, jest tworzona przy użyciu technologii takich jak HTML i CSS. Te dwa języki działają razem, aby dostarczyć treści i styl strony. Jednak, aby wyświetlić stronę, potrzebujemy jeszcze jednego kluczowego elementu – przeglądarki internetowej.
W tym temacie dowiesz się:
- Czym jest HTML i jak działa?
- Jaką rolę pełni CSS?
- Co to jest przeglądarka internetowa i jak interpretuje kod HTML i CSS?
Co to jest HTML?
HTML (HyperText Markup Language) to język znaczników, który definiuje strukturę stron internetowych. Każda strona WWW składa się z elementów HTML, które organizują treści w logiczny sposób.
Podstawową jednostką HTML są tagi, które określają, jak dany element powinien być interpretowany przez przeglądarkę.
Przykładowa struktura dokumentu HTML
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Moja Pierwsza Strona</title>
</head>
<body>
<h1>Witaj na mojej stronie!</h1>
<p>To jest moja pierwsza strona HTML.</p>
</body>
</html>
Omówienie kodu
<!DOCTYPE html>– Informuje przeglądarkę, że używamy HTML5.<html>– Główna sekcja dokumentu HTML.<head>– Zawiera metadane strony, np. kodowanie znaków i tytuł.<title>– Tytuł strony, widoczny na karcie przeglądarki.<body>– Główna część strony, gdzie umieszczamy treści.<h1>– Nagłówek pierwszego poziomu (najważniejszy).<p>– Paragraf tekstu.
Co to jest CSS?
CSS (Cascading Style Sheets) to język arkuszy stylów, który pozwala na zmianę wyglądu stron internetowych. HTML tworzy strukturę strony, ale to CSS decyduje o jej wyglądzie – np. kolorach, czcionkach, odstępach między elementami.
Przykładowy kod CSS
body {
background-color: lightblue;
}
h1 {
color: darkblue;
font-size: 24px;
}
Omówienie kodu
background-color: lightblue;– Zmienia kolor tła strony na jasnoniebieski.color: darkblue;– Zmienia kolor nagłówka na ciemnoniebieski.font-size: 24px;– Zwiększa rozmiar tekstu nagłówka do 24 pikseli.
Co to jest przeglądarka internetowa?
Przeglądarka internetowa to program, który interpretuje kod HTML, CSS i inne technologie (np. JavaScript) i wyświetla stronę w formie graficznej.
Najpopularniejsze przeglądarki
- Google Chrome
- Mozilla Firefox
- Microsoft Edge
- Apple Safari
- Opera
Jak działa przeglądarka?
- Użytkownik wpisuje adres strony, np.
https://itek.pl. - Przeglądarka wysyła żądanie do serwera, na którym przechowywane są pliki strony.
- Serwer zwraca pliki HTML, CSS i inne zasoby.
- Przeglądarka analizuje kod HTML i CSS, a następnie renderuje stronę na ekranie.
Podsumowanie
- HTML odpowiada za strukturę strony.
- CSS decyduje o jej wyglądzie.
- Przeglądarka internetowa interpretuje kod i wyświetla stronę użytkownikowi.