HTML CSS PYTHON
reklama

HTML

HTML jest językiem znaczników. Służy do tworzenia stron internetowych.
Słowo HTML to skrót od hypertext markup language.

Struktura języka HTML wygląda następująco:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
 
Wyjśnienie:

- 1 wiersz: określa, że ​​ten dokument jest dokumentem HTML5.

- 2 wiersz: jest otwarciem głównego znacznika strony. Na końcu strony zamyka go znacznik

- 3 i 4 wiersz: wskazuje na otwarcie i zamknięcie bloku w którym zawarte są meta informacje: tytuł strony, opis strony, tagi, linki do plików ze stylami, linki do plików ze skryptami itd.

- 5 i 6 wiersz to znaczniki definiuje treść strony, która jest widoczna dla użytkowników: nagłówki, akapity, obrazy, hiperłącza, tabele, listy itp.

- 7 wiersz to znacznik który zamyka całą stronę.

Elementy HTML

Element HTML jest definiowany przez znacznik początkowy (znacznik otwierający), część z treścią i znacznik końcowy (znacznik zamykający):

< nazwa_znacznika > jakaś treść.... < /nazwa_znacznika >

<h1>nagłówek</h1>

<p>tekst</p>

Element HTML to wszystko, od znacznika początkowego do znacznika końcowego.

Uwaga: niektóre elementy HTML nie mają treści np. element <br>, który przenosi treść do następnej linijki. Elementy te nazywane są elementami pustymi. Puste elementy nie mają znacznika końcowego!

Atrybuty HTML

W języku HTML poza elementami HTML występują również atrybuty HTML

Atrybuty HTML - zawierają dodatkowe informację o elementach HTML, np. atrybut wyświetlający obrazek:

<img src="image.jpg" alt="obrazek">

Przeglądarki internetowe

Zadaniem przeglądarki internetowej (Chrome, Edge, Firefox, Safari) jest odczytywanie dokumentów HTML i poprawne ich wyświetlanie.

Przeglądarka nie wyświetla znaczników HTML, ale używa ich do określenia sposobu wyświetlania dokumentu:
Wizualizacja struktury HTML:
<html>
<head>
<title>tytuł strony</title>

</head>
<body>
<h1>Nagłówek strony</h1>

<p>tekst</p>

</body>
</html>
Zawartość sekcji <body> zostanie wyświetlona w przeglądarce.
Zawartość elementu <title> zostanie wyświetlona na pasku tytułowym przeglądarki lub w zakładce strony.

Samouczek Pythona

reklama
reklama
Szkoła bananik.pl jest zoptymalizowana pod kątem uczenia się, testowania i szkolenia.
Przykłady są stale sprawdzane, aby uniknąć błędów, ale nie możemy zagwarantować pełnej poprawności wszystkich treści.
Korzystając z tej witryny, wyrażasz zgodę na przeczytanie i zaakceptowanie naszych warunków użytkowania, plików cookie i polityki prywatności.
© 2022 bananik.pl
Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej.Rozumiem