<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> ```  ## 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> ```  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>
author | fervi |
---|---|
permlink | br-biu-przesuwanie-tekstu-html |
category | polish |
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"]} |
created | 2018-09-08 16:04:45 |
last_update | 2018-09-08 16:04:45 |
depth | 0 |
children | 2 |
last_payout | 2018-09-15 16:04:45 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 1.031 HBD |
curator_payout_value | 0.154 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 2,022 |
author_reputation | -1,650,858,928,265 |
root_title | "BR, BIU, Przesuwanie tekstu - HTML" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 70,711,999 |
net_rshares | 1,136,432,791,472 |
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
steelman | 0 | 8,603,096,535 | 100% | ||
lukmarcus | 0 | 38,679,233,751 | 30% | ||
busy.pay | 0 | 222,586,549,623 | 0.73% | ||
firesteem | 0 | 6,814,817,277 | 50% | ||
fervi | 0 | 54,885,401,196 | 100% | ||
bargolis | 0 | 14,490,913,156 | 100% | ||
anka | 0 | 7,523,452,606 | 100% | ||
donpepe | 0 | 3,206,238,021 | 100% | ||
tx1683 | 0 | 610,601,786 | 100% | ||
napotem | 0 | 6,969,579,480 | 100% | ||
tomosan | 0 | 902,828,768 | 100% | ||
jeanpi1908 | 0 | 18,997,508,031 | 30% | ||
hendrix22 | 0 | 1,391,836,714 | 7% | ||
alcik | 0 | 13,911,719,115 | 100% | ||
andzi76 | 0 | 7,797,514,690 | 40% | ||
m-san | 0 | 1,559,008,840 | 100% | ||
bocik | 0 | 16,744,376,053 | 100% | ||
rozioo | 0 | 34,315,846,326 | 100% | ||
crimsonnet | 0 | 607,639,264 | 100% | ||
astromaniak | 0 | 12,457,097,688 | 30% | ||
joanna96 | 0 | 216,857,367 | 100% | ||
curiosit | 0 | 1,767,497,257 | 100% | ||
bartheek | 0 | 16,199,735,609 | 100% | ||
kryptojanusz | 0 | 13,264,071,197 | 100% | ||
ciapo | 0 | 6,479,657,051 | 100% | ||
wisewoof | 0 | 273,809,602 | 3.5% | ||
uszi | 0 | 3,487,096,156 | 100% | ||
lesiopm | 0 | 32,151,511,544 | 80% | ||
chewing | 0 | 520,628,170 | 100% | ||
romualdd | 0 | 4,874,295,830 | 100% | ||
diosbot | 0 | 66,650,327,635 | 80% | ||
mariuszkarowski | 0 | 334,517,784,311 | 100% | ||
wolontariusz | 0 | 2,892,571,453 | 100% | ||
kacperski | 0 | 610,138,274 | 100% | ||
lashotta | 0 | 2,508,144,845 | 100% | ||
nero12 | 0 | 129,775,835,780 | 80% | ||
pignys | 0 | 11,932,790,012 | 100% | ||
kapitanrosomak | 0 | 1,837,694,680 | 100% | ||
damian14443 | 0 | 607,906,151 | 100% | ||
ivoted | 0 | 24,194,853,807 | 58.2% | ||
vojtex | 0 | 1,806,490,490 | 100% | ||
baro89 | 0 | 954,065,637 | 100% | ||
verticallife | 0 | 519,689,535 | 100% | ||
ludomir | 0 | 1,132,374,018 | 100% | ||
pabisovsky | 0 | 3,187,738,253 | 100% | ||
callmejoe | 0 | 475,614,306 | 100% | ||
ktl21 | 0 | 538,353,582 | 100% |
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
author | damian14443 |
---|---|
permlink | re-fervi-br-biu-przesuwanie-tekstu-html-20180909t102024101z |
category | polish |
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"} |
created | 2018-09-09 10:20:24 |
last_update | 2018-09-09 10:20:24 |
depth | 1 |
children | 1 |
last_payout | 2018-09-16 10:20:24 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 632 |
author_reputation | 1,612,518,648 |
root_title | "BR, BIU, Przesuwanie tekstu - HTML" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 70,775,652 |
net_rshares | 0 |
Ogólnie tak, ale one są usuwane od lat ... :P
author | fervi |
---|---|
permlink | re-damian14443-re-fervi-br-biu-przesuwanie-tekstu-html-20180909t120456092z |
category | polish |
json_metadata | {"tags":["polish"],"app":"steemit/0.1"} |
created | 2018-09-09 12:04:57 |
last_update | 2018-09-09 12:04:57 |
depth | 2 |
children | 0 |
last_payout | 2018-09-16 12:04:57 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 45 |
author_reputation | -1,650,858,928,265 |
root_title | "BR, BIU, Przesuwanie tekstu - HTML" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 70,782,393 |
net_rshares | 0 |