BR, BIU, Przesuwanie tekstu - HTML

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@fervi·
0.000 HBD
BR, BIU, Przesuwanie tekstu - HTML
<div class="text-justify">

**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.**

https://cdn.pixabay.com/photo/2015/12/04/14/05/code-1076536_960_720.jpg

## 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<br>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>
```

![](https://cdn.steemitimages.com/DQmPaZp3hDwRhTUv1vpoL9VYgxhCNVsXgzCZgTXCchrnDrR/image.png)

## 3) Centrowanie

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

```
<center>Tekst</center>
```

<center>Tekst</center>

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>
```
![](https://cdn.steemitimages.com/DQmZnrwApbt3VxTiyBZ7vdB3FJCwdK12kNf8Ry3hba1xxfS/image.png)

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 <b>. 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.


</div>
👍 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,