HTML
HTML ako záľuba
HTML nemám ani veľmi rád. Nechápem prečo sa to musíme v škole učiť, ale moje plakanie ničomu nepomôže.Prečo HTML?
Osobne neviem. Radšej by som sa na informatike učil niečo užitočné, ako napríklad siete a telekomunikáciu, avšak CISCO nám nepotvrdilo plán alebo niečo také. Je to škoda.Je to vcelku náročné písať o HTMLku pretože nie je ničím zaujímavé.
Ako používať HTML?
Stačí mať textový dokument a stačí písať doň. Na zobrazenie stránky však už je potrebné mať nejaký prehliadač.
V HTMLku sa dá vyhrať s vlastnou kreativitou, rovnako ako, keď si píšeš vlastný denník. Môžeš si doň písať, ozdobiť si ho, kresliť si obrázky atď. Rovnako ako denníku, nemôžeš mu dať rátať príklady a vykonávať matematické či logické operácie.
V html sú párové a nepárové značky (tagy). Tie párové sa musia začínať nejakým "opening tagom" a končiť "closing tagom". Tagy sa zapisujú do lomených zátvoriek <>. Closing tag sa od opening tagu odlišuje lomítkom v lomenej zátvorke </>.
Dosť bolo abstrakcie!
Medzi párové patrí napríklad značka <p> ktorá znamená paragraf, teda odlišuje nový riadok. Keďže je párová, musí sa končiť </p>. Medzi tieto tagy píšeme text ktorý chceme aby sa zobrazil na stránke. tento tag ja osobne nikdy nepožívam, keďže môžem použiť nepárový tag break <br>, ktorý plní funkciu SHIFT+ENTER alebo "\n".
Pre bold alebo tučné písmo pužívame párovú značku <b>tučný text</b>. Podobne funguje <i> pre italic></i>.
Vlkadať obrázok je najväčšia zábava na svete, pretože nikdy neviete ako to bude vyzerať. A tým myslím nikdy. Napríklad vložme si obrázok pomocou nepárovej značky <img>. Tento tag však potrebuje zdroj obrázka. tak poďme ho tam vložiť pomocou src = "nejaká hodnota.jpg". Povedzme že chceme Fotku Shreka z internetu.
"<img src = "https://www.looper.com/img/gallery/shrek-5-release-date-characters-and-plot-what-we-know-so-far/when-will-shrek-5-be-released-1623296335.webp">"
Pre kontrolu, použijeme Chrome, aby sme videli ako to vyzerá.
Ach obrázok je na zlom mieste. A je príliš veľký. Toto však pre výborné HTML nie je problém. Upravme si náš kód a zadajme pár parametrov:
"<img src = "https://www.looper.com/img/gallery/shrek-5-release-date-characters-and-plot-what-we-know-so-far/when-will-shrek-5-be-released-1623296335.webp" width=300 height=300 border=2 align=right>"
Okey, v mojom Chrome mi to ukazuje, že obrázok vyzerá, že môže byť. Poďme to skúsiť vložiť do WebNode.
Obrázky sú na úpne iných miestach a zistil som, že ten prvý obrázok sa mi vcelku páčil.
Každopádne, na učenie sa HTMLka odporúčam w3schools.
Ak ťa zaujíma ako som dal link na text, urobil som to pomocou <a href="link">text</a>. Koniec mágie.
TOP 5 dôvodou prečo sa naučiť HTML
Stačí mať textový dokument a stačí písať doň. Na zobrazenie stránky však už je potrebné mať nejaký prehliadač.
V HTMLku sa dá vyhrať s vlastnou kreativitou, rovnako ako, keď si píšeš vlastný denník. Môžeš si doň písať, ozdobiť si ho, kresliť si obrázky atď. Rovnako ako denníku, nemôžeš mu dať rátať príklady a vykonávať matematické či logické operácie.
V html sú párové a nepárové značky (tagy). Tie párové sa musia začínať nejakým "opening tagom" a končiť "closing tagom". Tagy sa zapisujú do lomených zátvoriek <>. Closing tag sa od opening tagu odlišuje lomítkom v lomenej zátvorke </>.
Dosť bolo abstrakcie!
Medzi párové patrí napríklad značka <p> ktorá znamená paragraf, teda odlišuje nový riadok. Keďže je párová, musí sa končiť </p>. Medzi tieto tagy píšeme text ktorý chceme aby sa zobrazil na stránke. tento tag ja osobne nikdy nepožívam, keďže môžem použiť nepárový tag break <br>, ktorý plní funkciu SHIFT+ENTER alebo "\n".
Pre bold alebo tučné písmo pužívame párovú značku <b>tučný text</b>. Podobne funguje <i> pre italic></i>.
Vlkadať obrázok je najväčšia zábava na svete, pretože nikdy neviete ako to bude vyzerať. A tým myslím nikdy. Napríklad vložme si obrázok pomocou nepárovej značky <img>. Tento tag však potrebuje zdroj obrázka. tak poďme ho tam vložiť pomocou src = "nejaká hodnota.jpg". Povedzme že chceme Fotku Shreka z internetu.
"<img src = "https://www.looper.com/img/gallery/shrek-5-release-date-characters-and-plot-what-we-know-so-far/when-will-shrek-5-be-released-1623296335.webp">"
Pre kontrolu, použijeme Chrome, aby sme videli ako to vyzerá.
Ach obrázok je na zlom mieste. A je príliš veľký. Toto však pre výborné HTML nie je problém. Upravme si náš kód a zadajme pár parametrov:
"<img src = "https://www.looper.com/img/gallery/shrek-5-release-date-characters-and-plot-what-we-know-so-far/when-will-shrek-5-be-released-1623296335.webp" width=300 height=300 border=2 align=right>"
Okey, v mojom Chrome mi to ukazuje, že obrázok vyzerá, že môže byť. Poďme to skúsiť vložiť do WebNode.
Obrázky sú na úpne iných miestach a zistil som, že ten prvý obrázok sa mi vcelku páčil.
Každopádne, na učenie sa HTMLka odporúčam w3schools.
Ak ťa zaujíma ako som dal link na text, urobil som to pomocou <a href="link">text</a>. Koniec mágie.
TOP 5 dôvodou prečo sa naučiť HTML
- Potrebuješ to v škole
- Počúvať Metal
- Hrať hry
- SQL
- Ísť sa prejsť so psom
- Učiť sa malú násobilku
- Čokoľvek iné
| 1 | 2 | 3 | |
|---|---|---|---|
| 1 | 1 | 2 | 3 |
| 2 | 2 | 4 | 6 |
| 3 | 3 | 6 | 9 |