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:
Akapit w HTML
Znacznik <p> (paragraph) jest jednym z podstawowych sposobów umieszczania tekstu na stronie WWW. Służy do wydzielania fragmentów zawierających jakąś zwartą myśl.
Dzięki umieszczaniu w kolejnych akapitach treści nieco różniącej się tematycznie, strona stanie się bardziej estetyczna oraz czytelniejsza. Obok tytułów
jest najważniejszym elementem strukturalnym dokumentu (X)HTML.
<p>dowolna treść</p>
Możliwe jest podanie atrybutu align="wartość" lub style="text-align:" o następujących wartościach:
- left - ustawienie domyślne, wyrównanie do lewego marginesu
- right - wyrównanie do prawego marginesu
- center - wyśrodkowanie
- justify - wyjustowanie (wyrównanie do obu marginesów jednocześnie)
Przykład1:
<p style="text-align: right; color: orange;">Akapit w kolorze pomarańczowym, wyrównany do prawego marginesu strony.</p>
Efekt:
Akapit w kolorze pomarańczowym, wyrównany do prawego marginesu.
Przykład2:
<p style="width: 70%; text-indent: 6em; line-height: 200%; text-align: justify; color: blue;">
Akapit w kolorze niebieskim, w pojemniku o szerokości 70%, wyrównany do obu marginesów, z wcięciem pierwszego wiersza i podwójną wysokością wiersza.</p>
Efekt:
Akapit w kolorze niebieskim, w pojemniku o szerokości 70%, wyrównany do obu marginesów, z wcięciem pierwszego wiersza i podwójną wysokością wiersza.
Ć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ą.
Podstawowe znaczniki do wykorzystania:
<b> - pogrubienie </b>
<u> - podkreślenie </u>
<i> - pochylenie </i>
<h1> - <h6> - nagłówek tekstu
<p> - nowy akapit tekstowy </p>
<font> - zmiana czcionki <font color="" size=""> </font>
<img> - wstawianie obrazka <img src="" alt="">
Powinieneś umieć:
utworzyć szablon dokumentu HTML
wstawiać elementy do dokumentu HTML
definiować główne składowe strony WWW
wykorzystać różne źródła informacji w celu doskonalenia umiejętności zawodowych
realizować nowatorskie działania podczas wykonywania zadań zawodowych