1214
Comment:
|
1623
|
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. |
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 7: | Line 8: |
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. |
Wiki je jednoduchý a ľahko použiteľný jazyk, ktorý sa používa ako zdrojový kód pre HTML. |
Line 10: | Line 11: |
Naproti tomu UNIXové utility na spracovanie textu sú riadkovo orientované. | Príklad zdrojového kódu v jazyku wiki: {{{ = Toto je nadpis = == Toto je podnadpis == |
Line 12: | Line 16: |
== Prvá časť == | Obsah odstavca Odstavec môže mať veľa riadkov |
Line 14: | Line 19: |
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. |
Ďalší odstavec Odstavec nemusí končiť iba prázdným riadkom, aj nadpis ukončí odstavec. == Druhý podnadpis == |
Line 17: | Line 24: |
[[attachment:priklad1_input.html.txt|Príklad vstupu]] [[attachment:priklad1_output.html.txt|Príklad výstupu]] |
Blabla |
Line 20: | Line 26: |
'''Pomôcka:''' Použite `tr` a `sed`. Riešenie má pár znakov. | = Ahoj = |
Line 22: | Line 28: |
== Druhá časť == | == Končíme == |
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á. |
Posledný odstavec. |
Line 27: | Line 32: |
[[attachment:priklad2_input.html.txt|Príklad vstupu]] [[attachment:priklad2_output.html.txt|Príklad výstupu]] |
}}} 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 zo shellu : wiki syntax
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.