Lekcja informatyki dla młodzieży klas 5/6 szkoły podstawowej. Pamiętaj, że aby zrozumieć omawiane zagadnienia, musisz posiadać wiadomości i umiejętności z naszych poprzednich lekcji informatyki online.
 

Tekst – czyli po prostu literki – to podstawowy element strony WWW. W końcu omawiany przez nas język HTML, dzięki któremu możemy cieszyć się na co dzień internetowymi atrakcjami to skrót od HyperText Markup Language, czyli w wolnym tłumaczeniu „język znaczników tekstowych” – zbiór znaków z klawiatury, odpowiednio uformowanych, aby były zrozumiane dla naszego pupila z myszką.

Wielkość tekstu

Z pewnością zauważyłeś, że literki na tej stronie mają różne wielkości w zależności od potrzeby. Powyższy „nagłówek” jest duży, to zadanie, które teraz czytasz już o wiele mniejsze – pisane standardową czcionką. Co prawda istnieje kod na precyzyjne określanie wielkości czcionki (<font size=”liczba„>mój tekst</font> gdzie w polu „liczba” wpisujesz dowolną wartość ) , ale proponowałbym zapamiętać inna zasadę.

Pisząc tekst bez znaczników, przeglądarka wyświetli go jako standardowy.

Możesz stosować kody (css*/html) z wykorzystaniem „nagłówka” (header) – w kolejności od największego – h1, h2, h3, h4, h5, h6 – przykładowy kod

<h1> tekst wielkości h?</h1>

przeglądarka wyświetli to tak:

tekst wielkości h1

tekst wielkości h2

tekst wielkości h3

tekst wielkości h4

tekst wielkości h5
tekst wielkości h6

Pogrubienie, podkreślenie , kursywa i

nowy akapit

Standardowe formatowanie tekstu wymaga znajomości następujących kodów:

pogrubienie : <b> mój tekst</b>

podkreślenie: <u>mój tekst</u>

pochylenie: <i>mój tekst</i>

nowy akapit (piszemy od nowej linijki ) <p>mój tekst</p>

Możemy również stosować polecenia, gdzie znaczniki występują wyłącznie na końcu

nowy wiersz mój tekst <br>

linia odstępu mój tekst<hr>

Przykładowy kod

<h1>Witajcie</h1>

<b>teraz jestem pogrubiony</b>

<p><i>a teraz pochylony i w nowym akapicie<i></p>

<h3>teraz średni</h3>

teraz zrobię kreskę – linię odstępową<hr>

A w przeglądarce wygląda to tak:

===============================

Witajcie

teraz jestem pogrubiony

a teraz pochylony i w nowym akapicie

teraz średni

teraz zrobię kreskę – linię odstępową


===============================

Pamiętaj – formatowanie tekstu to podstawowy sposób przekazu informacji na łamach stron WWW. Postaraj się zapamiętać omawiane polecenia HTML, bo będą one bardzo często stosowane i warto mieć je w „małym palcu”. Jest ich stosunkowo dużo, dlatego też musisz je odpowiednio długo ćwiczyć. Proponuję, byś stworzył sobie małą papierową „ściągę” i miał ją pod ręką w czasie pracy na lekcji i kółku informatyki. Z doświadczenia wiem, że potrzebna ci ona będzie przez najwyżej 2 tygodnie. Potem po prostu ją zapamiętasz 😉 I o to Nam Chodzi 😀 . Ja osobiście na początku mojej przygody z HTML korzystałem z następującego „POMOCNIKA”

Biorąc pod uwagę, że kod HTML zaczyna się i kończy znacznikami ?<?>kod</?>, możemy chwilowo je pominąć i zastosować skróty wzrokowe typu:

pogruBiony , pochilony, HReska, BRykaj na dół itp 😉

Jestem wzrokowcem, tak więc dzięki takim „knifom” nauczyłem się tego w ciągu jednego dnia! Warto spróbować.

Witek Kozaczkiewicz

———————————————————————————————————————————-

*lekcja style css” – kółko informatyczne

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Wymagane pola są oznaczone *