BR, BIU, Przesuwanie tekstu - HTML

Wstępnie omówiliśmy budowę czystego kodu HTML, a także stworzyliśmy klasyczny przykład "Hello World". Dzisiaj poznamy parę podstawowych znaczników, które pozwolą nam sformatować tekst.

1) <br>

Jeśli wpisaliście bardzo długą ścianę tekstu i próbowaliście enterem ją podzielić zauważyliście, że to nie ma sensu, gdyż HTML nie reaguje na entery.

Jeśli chcemy złamać linię używamy znacznika <br>

Fervi
HTML

Fervi<br>HTML

2) BIU

BIU to skrót od 3 głównych przycisków w procesorze tekstu. B - Bold, Pogrubienie; I - Italic, Kursywa; U - Underline, Podkreślenie.

Oczywiście te funkcje mają swoje HTMLowe wersje i wygląda to tak:

<b>Fervi</b>
<i>Fervi</i>
<u>Fervi</u>

3) Centrowanie

Znana funkcja ze Steemit czyli problem "jak wycentrować tekst?". Oczywiście najprościej żyć funkcji center

<center>Tekst</center>

Tekst

Przydaje się gdy tekst ma się znajdować na środku danego elementu (na przykład całej strony).

4) Po prawej stronie

Jestem prawie pewien, że kiedyś był znacznik <right>, ale skoro nie ma to mamy do dyspozycji:

<p align="right">test</p>

Który przesuwa "test" na prawą stronę.

Wybór tagów

Taki bonus na koniec. Warto szukać opcji w HTML, które sprawiają, że da się dużą porcję danych jak najmniejszym kodem. Przykładem niech będzie znacznik <strong>, który robi to samo co . Jego praca ogólnie nie spowalnia przeglądarki (jakoś specjalnie), ale wysyłamy bardzo dużą ilość danych, która jest zbędna do działania skryptu, a dodatkowo musimy to wysłać danej osobie. Jeśli jest to jedna osoba to jeszcze ujdzie, ale w przypadkach milionów wejść w tej samej chwili to dodatkowy koszt, który może być odczuwalny w działaniu.