<div class="text-justify"> **Powoli oswajamy się z podstawowymi znacznikami HTML, dzisiaj przejdziemy do paru ciekawszych, które budowały całe strony internetowe (i po części dalej to robią).** https://steemitimages.com/0x0/https://cdn.pixabay.com/photo/2015/12/04/14/05/code-1076536_960_720.jpg ## Linki - znacznik A Możliwość skakania po stronach internetowych towarzyszy nam od bardzo dawna - to dzięki tagowi "A" możemy przechodzić na kolejne strony artykułów (jeśli jest on podzielony), możemy oglądać inne strony dostępne w portalu (np. z kontaktem) czy przeglądać inne strony (jak np. w Google). Ten tag daje nam naprawdę masę możliwości i dlatego warto i wręcz należy go znać. Najpierw zróbmy adres bezpośredni. Taki adres wskazuje bezpośrednio na jaką stronę chcemy przejść, dla przykładu Google.pl ``` <a href="https://www.google.pl">Link do Google</a> ``` <a href="https://www.google.pl">Link do Google</a> Czyli mamy tak. W znaczniku a mamy href, który wskazuje stronę na jaką chcemy przejść. Poza znacznikiem mamy tekst, który przedstawia pod jaką nazwą ma być nasz link ukryty. ___ Teraz spróbujmy wygenerować link pośredni. Taki link przydaje się by zaoszczędzić troszkę rozmiaru strony - wskazując bezpośrednio jaki plik (lub adres) ma zostać uruchomiony. ``` <a href="index.php">Link do index.php</a> ``` <a href="index.php">Link do index.php</a> Po naciśnięciu na link (na normalnej stronie hehe :D) zostanie załadowany plik, który znajduje się w tym samym katalogu co uruchomiona strona. Za pomocą znaków specjalnych typu ../ czy / możemy przechodzić do pozostałych katalogów. Zaletą takiego stosowania adresów oprócz zaoszczędzenia trochę bajtów jest to, że przenosząc stronę na inną domenę wszystkie linki działają od razu. ## IMG - Obrazy Strony internetowe to nie tylko tekst, ale często obrazy. Do tego stosujemy znacznik img. ``` https://cdn.pixabay.com/photo/2013/06/23/15/54/london-140785_960_720.jpg ``` Jak takie zdjęcie umieścić na stronie? ``` <img src="https://cdn.pixabay.com/photo/2013/06/23/15/54/london-140785_960_720.jpg"> ``` <img src="https://cdn.pixabay.com/photo/2013/06/23/15/54/london-140785_960_720.jpg"> Czyli w znaczniku img w src (źródło) dajemy adres do zdjęcia. Oczywiście jeśli jest to możliwe to zalecam redukować adres. Wiele firm po prostu przechowuje u siebie dane zdjęcie zmniejszając tak nie tylko link, ale także optymalizując zdjęcie i przechowując je, by w razie awarii głównego serwera - mieć je na zapas. ## Na razie to tyle Nie chciałem tworzyć bardzo rozbudowanego tekstu, szczególnie, że tego trzeba się nauczyć ;) Niech każdy przeczyta i przyswoi wiedzę na spokojnie! </div>
post_id | 62,522,935 |
---|---|
author | fervi |
permlink | linki-i-zdjecia-html |
category | polish |
json_metadata | {"image":["https:\/\/steemitimages.com\/0x0\/https:\/\/cdn.pixabay.com\/photo\/2015\/12\/04\/14\/05\/code-1076536_960_720.jpg"],"format":"markdown","community":"busy","tags":["polish","busy","pl-artykuly","pl-programowanie","pl-html"],"users":[],"links":["https:\/\/www.google.pl","https:\/\/index.php"],"app":"busy\/2.5.6"} |
created | 2018-09-15 15:07:30 |
last_update | 2018-09-15 15:07:30 |
depth | 0 |
children | 6 |
net_rshares | 1,179,157,865,101 |
last_payout | 2018-09-22 15:07:30 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 1.150 SBD |
curator_payout_value | 0.208 SBD |
pending_payout_value | 0.000 SBD |
promoted | 0.000 SBD |
body_length | 2,660 |
author_reputation | 39,204,266,552,701 |
root_title | "Linki i Zdjęcia - HTML" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 SBD |
percent_steem_dollars | 10,000 |
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
steelman | 0 | 8,381,367,243 | 100% | ||
bowess | 0 | 49,074,321,056 | 50% | ||
lukmarcus | 0 | 37,376,417,763 | 30% | ||
azizbd | 0 | 5,231,923,941 | 4% | ||
busy.pay | 0 | 220,499,370,282 | 0.73% | ||
firesteem | 0 | 6,545,961,865 | 50% | ||
fervi | 0 | 55,238,955,752 | 100% | ||
bargolis | 0 | 14,755,312,661 | 100% | ||
anka | 0 | 8,153,908,042 | 100% | ||
mys | 0 | 2,506,805,835 | 2% | ||
photon-pl | 0 | 187,002,552 | 100% | ||
napotem | 0 | 4,330,795,981 | 100% | ||
tomosan | 0 | 802,364,731 | 100% | ||
jacekw | 0 | 7,093,380,235 | 30% | ||
grecki-bazar-ewy | 0 | 18,705,685,071 | 100% | ||
dreamarif | 0 | 118,484,133 | 8% | ||
andzi76 | 0 | 5,943,441,902 | 30% | ||
m-san | 0 | 1,457,900,169 | 100% | ||
shammi | 0 | 495,705,502 | 10% | ||
kamilkowalski | 0 | 3,758,749,973 | 100% | ||
aniafx1 | 0 | 11,211,600,855 | 50% | ||
steemtaker | 0 | 3,853,813,970 | 8% | ||
crimsonnet | 0 | 607,639,264 | 100% | ||
jahedkhan | 0 | 643,757,176 | 9% | ||
astromaniak | 0 | 12,799,206,291 | 30% | ||
joanna96 | 0 | 234,367,589 | 100% | ||
bartheek | 0 | 8,037,314,967 | 50% | ||
kryptojanusz | 0 | 12,324,812,530 | 100% | ||
hallmann | 0 | 36,964,669,044 | 80% | ||
annaburska | 0 | 23,889,686,868 | 50% | ||
ciapo | 0 | 6,317,334,263 | 100% | ||
fraktale | 0 | 16,409,221,852 | 100% | ||
lesiopm | 0 | 10,241,864,822 | 80% | ||
chewing | 0 | 596,692,553 | 100% | ||
romualdd | 0 | 5,815,162,241 | 100% | ||
grzyb77 | 0 | 3,191,825,052 | 35% | ||
beleg | 0 | 8,939,288,329 | 100% | ||
mizej | 0 | 606,643,531 | 100% | ||
diosbot | 0 | 69,878,452,116 | 80% | ||
mariuszkarowski | 0 | 291,288,534,158 | 100% | ||
wolontariusz | 0 | 3,502,878,403 | 100% | ||
herbacianymag | 0 | 2,926,056,302 | 100% | ||
flocki | 0 | 1,293,592,065 | 100% | ||
reinmar | 0 | 15,062,503,000 | 100% | ||
kacperski | 0 | 610,138,274 | 100% | ||
kuchniawedwoje | 0 | 1,034,658,864 | 100% | ||
sportbot | 0 | 607,373,243 | 100% | ||
nero12 | 0 | 136,713,891,946 | 80% | ||
pignys | 0 | 12,568,953,773 | 100% | ||
yum-yum | 0 | 509,758,861 | 100% | ||
bezkresu | 0 | 1,540,679,879 | 80% | ||
ivoted | 0 | 25,179,745,886 | 57.6% | ||
baro89 | 0 | 1,088,743,011 | 100% | ||
coincollecto | 0 | 585,412,176 | 100% | ||
callmejoe | 0 | 566,152,923 | 100% | ||
johnstaff | 0 | 176,248,524 | 100% | ||
lemul13 | 0 | 95,954,597 | 80% | ||
barfil | 0 | 585,381,214 | 100% |
Chic article. I learned a lot of new things. I signed up and voted. I will be glad to mutual subscription))))
post_id | 62,523,097 |
---|---|
author | johnstaff |
permlink | re-fervi-linki-i-zdjecia-html-20180915t150925445z |
category | polish |
json_metadata | {"app":"steemit\/0.1","tags":["polish"]} |
created | 2018-09-15 15:09:27 |
last_update | 2018-09-15 15:09:27 |
depth | 1 |
children | 0 |
net_rshares | 0 |
last_payout | 2018-09-22 15:09:27 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 SBD |
curator_payout_value | 0.000 SBD |
pending_payout_value | 0.000 SBD |
promoted | 0.000 SBD |
body_length | 110 |
author_reputation | -506,342,573,332 |
root_title | "Linki i Zdjęcia - HTML" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 SBD |
percent_steem_dollars | 10,000 |
Haha! Dlaczego nie natrafiłem na ten materiał dwa lata temu gdy dopiero zaczynałem z HTML
post_id | 62,525,236 |
---|---|
author | mizej |
permlink | re-fervi-linki-i-zdjecia-html-20180915t153819471z |
category | polish |
json_metadata | {"links":[],"app":"busy\/2.5.6","image":[],"community":"busy","tags":["polish"],"format":"markdown","users":[]} |
created | 2018-09-15 15:38:18 |
last_update | 2018-09-15 15:38:18 |
depth | 1 |
children | 2 |
net_rshares | 0 |
last_payout | 2018-09-22 15:38:18 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 SBD |
curator_payout_value | 0.000 SBD |
pending_payout_value | 0.000 SBD |
promoted | 0.000 SBD |
body_length | 89 |
author_reputation | 3,485,155,998,247 |
root_title | "Linki i Zdjęcia - HTML" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 SBD |
percent_steem_dollars | 10,000 |
No niestety, chociaż HTML to stara rzecz, nawet są graficzne edytory "WYSIWYG" (What you see is what you get)
post_id | 62,532,842 |
---|---|
author | fervi |
permlink | re-mizej-re-fervi-linki-i-zdjecia-html-20180915t173242770z |
category | polish |
json_metadata | {"app":"steemit\/0.1","tags":["polish"]} |
created | 2018-09-15 17:32:42 |
last_update | 2018-09-15 17:32:42 |
depth | 2 |
children | 1 |
net_rshares | 0 |
last_payout | 2018-09-22 17:32:42 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 SBD |
curator_payout_value | 0.000 SBD |
pending_payout_value | 0.000 SBD |
promoted | 0.000 SBD |
body_length | 109 |
author_reputation | 39,204,266,552,701 |
root_title | "Linki i Zdjęcia - HTML" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 SBD |
percent_steem_dollars | 10,000 |
Może i stara rzecz, ale przydatna. Mnie pomogła zobrazować, na czym polega programowanie (taka analogia i to WIELKA ANALOGIA). No i zachęciło mnie do zainteresowania się innymi językami programowania. Podobało mi się to, ponieważ od razu widziałem efekty tego, co robie, to było dla mnie jak klocki lego ;D
post_id | 62,543,878 |
---|---|
author | mizej |
permlink | re-fervi-re-mizej-re-fervi-linki-i-zdjecia-html-20180915t210258496z |
category | polish |
json_metadata | {"app":"steemit\/0.1","tags":["polish"]} |
created | 2018-09-15 21:02:57 |
last_update | 2018-09-15 21:02:57 |
depth | 3 |
children | 0 |
net_rshares | 0 |
last_payout | 2018-09-22 21:02:57 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 SBD |
curator_payout_value | 0.000 SBD |
pending_payout_value | 0.000 SBD |
promoted | 0.000 SBD |
body_length | 306 |
author_reputation | 3,485,155,998,247 |
root_title | "Linki i Zdjęcia - HTML" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 SBD |
percent_steem_dollars | 10,000 |
Dobra robota Fervi. Pierwsza lekcja dla mnie jak zostać budowniczym zaliczona. Pozdrawiam.
post_id | 62,540,509 |
---|---|
author | coincollecto |
permlink | re-fervi-linki-i-zdjecia-html-20180915t195259683z |
category | polish |
json_metadata | {"tags":["polish"],"app":"steemit\/0.1"} |
created | 2018-09-15 19:53:00 |
last_update | 2018-09-15 19:53:00 |
depth | 1 |
children | 0 |
net_rshares | 0 |
last_payout | 2018-09-22 19:53:00 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 SBD |
curator_payout_value | 0.000 SBD |
pending_payout_value | 0.000 SBD |
promoted | 0.000 SBD |
body_length | 90 |
author_reputation | 659,005,271,928 |
root_title | "Linki i Zdjęcia - HTML" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 SBD |
percent_steem_dollars | 10,000 |
Dobry początek. Jeszcze 2 dni temu w ten sposób można było wstawiać zdjęcia do wpisów na steemit - korzystając z czystego html. Teraz to działa w wypadku komentarzy: <img src="https://cdn.pixabay.com/photo/2013/06/23/15/54/london-140785_960_720.jpg"> ... ale w przypadku wpisów już nie :( Portal wymusza hostowanie zdjęć na ich serwerze: steemitimages.com. Co o tym myślisz?
post_id | 62,687,874 |
---|---|
author | kuchniawedwoje |
permlink | re-fervi-linki-i-zdjecia-html-20180918t060248157z |
category | polish |
json_metadata | {"tags":["polish"],"app":"steemit\/0.1","image":["https:\/\/cdn.pixabay.com\/photo\/2013\/06\/23\/15\/54\/london-140785_960_720.jpg"]} |
created | 2018-09-18 06:02:48 |
last_update | 2018-09-18 06:02:48 |
depth | 1 |
children | 0 |
net_rshares | 0 |
last_payout | 2018-09-25 06:02:48 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 SBD |
curator_payout_value | 0.000 SBD |
pending_payout_value | 0.000 SBD |
promoted | 0.000 SBD |
body_length | 377 |
author_reputation | 2,356,254,637,000 |
root_title | "Linki i Zdjęcia - HTML" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 SBD |
percent_steem_dollars | 10,000 |