|
Size: 1214
Comment:
|
Size: 2262
Comment:
|
| Deletions are marked like this. | Additions are marked like this. |
| Line 1: | Line 1: |
| ## page was renamed from OperacneSystemy/Zadanie1 = Zadanie 1 = |
= Zadanie zo shellu : wiki syntax = |
| Line 4: | Line 3: |
| Prvé domáce zadanie bude o spracovaní HTML. Na cvičení 30.10 ho budete ešte rozširovať a výsledok odovzdáte. |
== Úvod == |
| Line 7: | Line 5: |
| Prvý problém na ktorý narazíme pri vyťahovaní nejakých informácií z HTML je, že to nie je riadkovo orientovaný jazyk. HTML tagy môžu začínať a končiť nezávisle od konca riadku. |
Písať webové stránky priamo v HTML je nepríjemná vec, preto sa ľudia tomu snažia vyhnúť. Jeden zo spôsobov je napísať text s jednoduchými a prehľadnými formátovacími značkami a previesť ho do HTML. |
| Line 10: | Line 10: |
| Naproti tomu UNIXové utility na spracovanie textu sú riadkovo orientované. | Wiki je jednoduchý a ľahko použiteľný jazyk, ktorý sa používa ako zdrojový kód pre HTML. |
| Line 12: | Line 13: |
| == Prvá časť == | Príklad zdrojového kódu v jazyku wiki: {{{ = Toto je nadpis = == Toto je podnadpis == |
| Line 14: | Line 18: |
| Napíšte skript, ktorý ak dostane na štandartný vstup HTML kód, vráti ekvivalentný HTML kód ktorý je ale vhodný na riadkové spracovanie - v každom riadku má práve jeden tag. |
Obsah odstavca Odstavec môže mať veľa riadkov |
| Line 17: | Line 21: |
| [[attachment:priklad1_input.html.txt|Príklad vstupu]] [[attachment:priklad1_output.html.txt|Príklad výstupu]] |
Ďalší odstavec Odstavec nemusí končiť iba prázdným riadkom, aj nadpis ukončí odstavec. == Druhý podnadpis == |
| Line 20: | Line 26: |
| '''Pomôcka:''' Použite `tr` a `sed`. Riešenie má pár znakov. | Blabla |
| Line 22: | Line 28: |
| == Druhá časť == | = Ahoj = |
| Line 24: | Line 30: |
| Rozšírte váš skript tak, aby vyhľadal a vypísal všetky tagy prislúchajúce obrázkom zobrazeným na stránke. Zodpovedajúci tag je `<img src=`. Pozor na medzery, malé a veľké písmená. |
== Končíme == |
| Line 27: | Line 32: |
| [[attachment:priklad2_input.html.txt|Príklad vstupu]] [[attachment:priklad2_output.html.txt|Príklad výstupu]] |
Posledný odstavec. }}} Príklad zodpovedajúceho HTML {{{ <h1>1 Toto je nadpis </h1> <h2>2.1 Toto je podnadpis </h2> <p> Obsah odstavca Odstavec môže mať veľa riadkov </p> <p> Ďalší odstavec Odstavec nemusí končiť iba prázdným riadkom, aj nadpis ukončí odstavec. </p> <h2>2.2 Druhý podnadpis </h2> <p> Blabla </p> <h1>2 Ahoj </h1> <h2>3.1 Končíme </h2> <p> Posledný odstavec. </p> }}} A takto to HTML vyzerá v browseri: {{{#!HTML <div style="border:2px solid black;background-color:#FFA;padding:1em;"> <h1>1 Toto je nadpis </h1> <h2>2.1 Toto je podnadpis </h2> <p> Obsah odstavca Odstavec môže mať veľa riadkov </p> <p> Ďalší odstavec Odstavec nemusí končiť iba prázdným riadkom, aj nadpis ukončí odstavec. </p> <h2>2.2 Druhý podnadpis </h2> <p> Blabla </p> <h1>2 Ahoj </h1> <h2>3.1 Končíme </h2> <p> Posledný odstavec. </p> </div> }}} == Zadanie == Napíšte shellovský skript, ktorého úlohou je prečítať text vo wiki syntaxi zo svojho štandartného vstupu a zapísať HTML ''stránku'' na svoj štandartný výstup. Aby vznikla funkčná HTML stránka, musí byť na začiatku vypísaná táto záhadná vec {{{ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sk" lang="sk"> <head> <meta http-equiv="Content-type" content="text/html;charset=UTF-8" /> <body> }}} a na konci toto: {{{ </body> </html> }}} |
Zadanie zo shellu : wiki syntax
Úvod
Písať webové stránky priamo v HTML je nepríjemná vec, preto sa ľudia tomu snažia vyhnúť. Jeden zo spôsobov je napísať text s jednoduchými a prehľadnými formátovacími značkami a previesť ho do HTML.
Wiki je jednoduchý a ľahko použiteľný jazyk, ktorý sa používa ako zdrojový kód pre HTML.
Príklad zdrojového kódu v jazyku wiki:
= Toto je nadpis = == Toto je podnadpis == Obsah odstavca Odstavec môže mať veľa riadkov Ďalší odstavec Odstavec nemusí končiť iba prázdným riadkom, aj nadpis ukončí odstavec. == Druhý podnadpis == Blabla = Ahoj = == Končíme == Posledný odstavec.
Príklad zodpovedajúceho HTML
<h1>1 Toto je nadpis </h1> <h2>2.1 Toto je podnadpis </h2> <p> Obsah odstavca Odstavec môže mať veľa riadkov </p> <p> Ďalší odstavec Odstavec nemusí končiť iba prázdným riadkom, aj nadpis ukončí odstavec. </p> <h2>2.2 Druhý podnadpis </h2> <p> Blabla </p> <h1>2 Ahoj </h1> <h2>3.1 Končíme </h2> <p> Posledný odstavec. </p>
A takto to HTML vyzerá v browseri:
1 Toto je nadpis
2.1 Toto je podnadpis
Obsah odstavca Odstavec môže mať veľa riadkov
Ďalší odstavec Odstavec nemusí končiť iba prázdným riadkom, aj nadpis ukončí odstavec.
2.2 Druhý podnadpis
Blabla
2 Ahoj
3.1 Končíme
Posledný odstavec.
Zadanie
Napíšte shellovský skript, ktorého úlohou je prečítať text vo wiki syntaxi zo svojho štandartného vstupu a zapísať HTML stránku na svoj štandartný výstup. Aby vznikla funkčná HTML stránka, musí byť na začiatku vypísaná táto záhadná vec
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sk" lang="sk"> <head> <meta http-equiv="Content-type" content="text/html;charset=UTF-8" /> <body>
a na konci toto:
</body> </html>