Informatyka

Temat: Struktura dokumentu HTML

Strony internetowe tworzymy, korzystając z języka HTML. Do pisania kodu w tym języku nie będzie ci potrzebny dostawca usług internetowych ani nawet podłączenie do Internetu. Aktualnie powszechnie stosowanym standardem jest HTML5.
Dokument HTML to zwykły plik tekstowy, który możesz tworzyć i modyfikować praktycznie w każdym edytorze tekstu. Dla systemów Windows i Linux może to być wspomniany przed chwilą - Notepad++, dla systemu MacOS – Text Edit czy Sublime Text, dla systemu Android – DroidEdit.

Przydatne linki i programy:
Po utworzeniu pliku HTML zachowaj go na dysku w formacie pliku tekstowego z rozszerzeniem .html lub .htm. Przy zapisywaniu pliku opcją Zapisz jako ustaw sposób kodowania na UTF 8. Do obejrzenia efektów pracy konieczna będzie dowolna przeglądarka, która odczytuje plik HTML z dysku lokalnego, a następnie przetwarza go i wyświetla tak samo, jak pliki z sieci WWW.

           

Przykładowy kod źródłowy
<html>
<head>
<title> Moja pierwsza strona</title>
<meta charset="utf‑8"/>
<meta name="author" content="Kowalski"/>
<meta name="keywords" content="sztuka, malarstwo"/>
</head>
<body bgcolor="" background=""> </body>
</html>
Podstawowe znaczniki:
<b> - pogrubienie
<u> - podkreślenie
<i> - pochylenie
<h1> - <h6> - nagłówek tekstu
<p> - nowy akapit tekstowy
<font> - zmiana czcionki <font color="" size=""> </font>
<img> - wstawianie obrazka <img src="" alt="">
Ćwiczenie:
Wykorzystując podstawowe znaczniki HTML stwórz stronę wg wzoru poniżej. Obrazki do strony mogą być inne i można skorzystać z obrazków – linków z sieci. Pamiętaj, aby nazwa strony była zapisana z rozszerzeniem .html tak, aby integrowała się z domyślną przeglądarką.




Powinieneś umieć: