1 / 17

Zoskupovanie obsahu

Zoskupovanie obsahu. Telematické služby Ing. Marián Pecko, PhD. HTML <p> tag. predstavuje odsek prvky ol , ul nemôžu byť potomkami prvku p atribúty globálne <p> Toto je dáky text v odseku .</p>. HTML <hr> tag.

fallon-stanley
Download Presentation

Zoskupovanie obsahu

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Zoskupovanie obsahu Telematické služby Ing. Marián Pecko, PhD.

  2. HTML <p> tag • predstavuje odsek • prvky ol, ul nemôžu byť potomkami prvku p • atribúty • globálne <p>Toto je dáky text v odseku.</p> @MP/TMS 2012

  3. HTML <hr> tag • predstavuje tematické zalomenie na úrovni odseku, napr. zmena scény v príbehu, alebo prechod k inej téme v časti knihy • nemá vplyv na outlinedokumentu • atribúty • globálne <h1>HTML</h1> <p>HTML je jazyk pre popis webových stránok.....</p> <hr> <h1>CSS</h1> <p>CSS definuje ako zobrazovať HTML prvky.....</p> @MP/TMS 2012

  4. HTML <pre> tag • predstavuje blok pevne formátovaného textu • zobrazuje sa väčšinou vo fonte Courier a zachováva medzery a zalomenia riadkov • atribúty • globálne <pre> Text v prvku pre sa zobrazuje fontom pevnej šírky, a zachováva medzery a zalomenia riadkov </pre> @MP/TMS 2012

  5. HTML <blockquote> tag • predstavuje oddiel, ktorý je citovaný z iného zdroja. Meno autora citátu, ak existuje, musí byť umiestnené mimo prvku. • atribúty • globálne • cite – URL zdroja citácie <blockquote cite="http://www.worldwildlife.org/who/index.html">For 50 years, WWF has been protecting the future of nature. The world’s leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.</blockquote> @MP/TMS 2012

  6. HTML <figure> tag • predstavuje určitý obsah, prípadne s popisom, ktorý je uzavretý a je typicky označovaný ako jeden celok • komentovanie ilustrácií, diagramov, fotografií, výpisy kódu, atď. • atribúty • globálne @MP/TMS 2012

  7. HTML <figcaption> tag • predstavuje nadpis alebo legendu pre zvyšok obsahu prvku <figure> • atribúty • globálne <figure> <imgsrc="bubbles.jpg"alt="Bublinky"> <figcaption>Bublinky v práci</figcaption> </figure> @MP/TMS 2012

  8. HTML <div> tag • nemá žiadny zvláštny význam. • možno ho použiť s atribútmi class, lang a title na označenie sémantiky spoločnej skupiny po sebe idúcich prvkov • odporúča sa použiť ako prvok poslednej možnosti, keď žiadny iný prvok nie je vhodný • môže byť užitočný pre štylistické účely, kde slúži na zlučovanie blokových prvkov • atribúty • globálne <div style="color:#0000FF"> <h3>Toto je hlavička</h3> <p>Toto je odsek.</p> </div> @MP/TMS 2012

  9. Zoznamy @MP/TMS 2012

  10. HTML <ol> tag • predstavuje zoznam položiek, kde boli položky zámerne zoradené, tak, že zmena poradia zmení význam dokumentu (triedený zoznam) • položky zoznamu sú prvky <li>, ktoré sú potomkami prvku <ol> • atribúty • globálne • reversed – zoznam je zoradený zostupne; bool atribút • start – číslo udávajúce poradovú hodnotu prvej položky v zozname • type – určenie druhu značky použitej v zozname @MP/TMS 2012

  11. HTML <ol> tag <ol start="50"> <li>Káva</li> <li>Čaj</li> <li>Mlieko</li> </ol> @MP/TMS 2012

  12. HTML <ul> tag • predstavuje zoznam položiek, kde poradie položiek nie je dôležité - kde by zmena poradia podstatne nezmenila význam dokumentu (netriedený zoznam) • položky v zozname sú prvky <li>, ktoré sú potomkami prvku <ul> • atribúty • globálne <ul> <li>Káva</li> <li>Čaj</li> <li>Mlieko</li> </ul> @MP/TMS 2012

  13. HTML <li> tag • predstavuje položku zoznamu • atribúty • globálne • value – definuje hodnotu položky (ak je potomkom prvku <ol>) <ol> <li value="3">Káva</li> <li value="2">Čaj</li> <li value="1">Mlieko</li> </ol> @MP/TMS 2012

  14. HTML <dl> tag • predstavuje asociačný zoznam zložený zo žiadnych alebo viacerých skupín názov-hodnota(definičný zoznam). Každá skupina sa musí skladať z jedného alebo viacerých mien (prvky dt), za ktorými nasleduje jedna alebo viac hodnôt (prvky dd). • termíny a definície, predmet metadát a hodnoty, otázky a odpovede • atribúty • globálne @MP/TMS 2012

  15. HTML <dt> tag • predstavuje termín, alebo názov • atribúty • globálne @MP/TMS 2012

  16. HTML <dd> tag • predstavuje popis, definíciu, alebo hodnotu • do tohto prvku sa môže umiestňovať odsek, zalomenie riadku, obrázky, odkazy, zoznamy, atď. • atribúty • globálne @MP/TMS 2012

  17. <dl> <dt><dfn>happiness</dfn></dt> <dd>/'hæ p. nes/</dd> <dd><i><abbr>n.</abbr></i></dd> <dd>The state ofbeing happy.</dd> <dd>Goodfortune; success.</dd> <dt><dfn>rejoice</dfn></dt> <dd>/rijois'/</dd> <dd>To bedelightedoneself.</dd> <dd>To causeonetobedelighted.</dd> </dl> @MP/TMS 2012

More Related