create account

BR, BIU, Przesuwanie tekstu - HTML by fervi

View this thread on: hive.blogpeakd.comecency.com
· @fervi ·
$1.18
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>
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
properties (23)
authorfervi
permlinkbr-biu-przesuwanie-tekstu-html
categorypolish
json_metadata{"community":"busy","app":"busy/2.5.6","format":"markdown","tags":["polish","busy","pl-artykuly","pl-programowanie","pl-html"],"users":[],"links":[],"image":["https://cdn.pixabay.com/photo/2015/12/04/14/05/code-1076536_960_720.jpg","https://cdn.steemitimages.com/DQmPaZp3hDwRhTUv1vpoL9VYgxhCNVsXgzCZgTXCchrnDrR/image.png","https://cdn.steemitimages.com/DQmZnrwApbt3VxTiyBZ7vdB3FJCwdK12kNf8Ry3hba1xxfS/image.png"]}
created2018-09-08 16:04:45
last_update2018-09-08 16:04:45
depth0
children2
last_payout2018-09-15 16:04:45
cashout_time1969-12-31 23:59:59
total_payout_value1.031 HBD
curator_payout_value0.154 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length2,022
author_reputation-1,650,858,928,265
root_title"BR, BIU, Przesuwanie tekstu - HTML"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id70,711,999
net_rshares1,136,432,791,472
author_curate_reward""
vote details (47)
@damian14443 ·
Nie za bardzo wiem jak Steemit interpretuje te znaczniki albo inne programy lub formaty(epub chyba jest oparty o xml) , ale jeżeli chodzi o tworzenie stron to warto dodać że znacznik center i atrybut align są przestarzałe i mogą zostać usunięte. Zakładam że prawdopodobnie będzie poradnik do CSS, ale gdy sam się tego uczyłem to nie wiedziałem że center i align są zdeprecjonowane i używałem ich zamiennie z CSS(głównie wtedy kiedy coś zepsułem w stylach i nie wiedziałem jak to naprawić ) mimo  że to zła praktyka.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center
https://www.w3.org/TR/html401/present/graphics.html
properties (22)
authordamian14443
permlinkre-fervi-br-biu-przesuwanie-tekstu-html-20180909t102024101z
categorypolish
json_metadata{"tags":["polish"],"links":["https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center","https://www.w3.org/TR/html401/present/graphics.html"],"app":"steemit/0.1"}
created2018-09-09 10:20:24
last_update2018-09-09 10:20:24
depth1
children1
last_payout2018-09-16 10:20:24
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length632
author_reputation1,612,518,648
root_title"BR, BIU, Przesuwanie tekstu - HTML"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id70,775,652
net_rshares0
@fervi ·
Ogólnie tak, ale one są usuwane od lat ... :P
properties (22)
authorfervi
permlinkre-damian14443-re-fervi-br-biu-przesuwanie-tekstu-html-20180909t120456092z
categorypolish
json_metadata{"tags":["polish"],"app":"steemit/0.1"}
created2018-09-09 12:04:57
last_update2018-09-09 12:04:57
depth2
children0
last_payout2018-09-16 12:04:57
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length45
author_reputation-1,650,858,928,265
root_title"BR, BIU, Przesuwanie tekstu - HTML"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id70,782,393
net_rshares0