Informacijske tehnologije (Information technology) – HTML
•
0 likes•1,905 views
HTML course
Recommended
More Related Content
What's hot
What's hot (20)
Informacijske tehnologije (Information technology) – HTML
- 1. ©primoz.weingerl 4.–6. VAJA: HTML (HYPER TEXT MARKUP LANGUAGE)
- 2. ©primoz.weingerl HTML (Hyper Text Markup Language) je označevalni jezik za kreiranje spletnih strani. S HTML jezikom definiramo strukturo in semantiko.
- 3. ©primoz.weingerl HTML SINTAKSA ZAČETEK ZNAČKE VSEBINA <p>To je odstavek</p> ZAKLJUČEK ZNAČKE ATRIBUT <a href=“http://ntf.uni-lj.si”>Pojdi na NTF</a> VREDNOST ATRIBUTA <!-- Primer komentarja v HTML jeziku -->
- 4. ©primoz.weingerl World Wide Web Consortium (W3C) Web Hypertext Application Technology Working Group (WHATWG)
- 7. ©primoz.weingerl <h1> … </h1> … <h6> … </h6> definiranje naslovov <p> … </p> zapis odstavka <br> prelom besedila / nova vrstica <a href=“”> … </a> definiranje povezave/linka <blockqute></blockqute> <q></q> <cite></cite> citirana vsebina, kratek citat, vir/referenca (naslov, avtor, url)
- 10. ©primoz.weingerl <em> … </em> vsebuje vsebino, ki jo želimo poudariti. <strong> … </strong> označuje pomembnost, resnost oz. nujnost. <i> … </i> vsebina drugačnega značaja, označuje drugačno vsebino (npr. kategorije, tehnični izrazi, idiomi , prevodi ..). <b> … </b> označevanje besedila zaradi uporabnosti, brez izražanja pomembnosti oz. značaja (npr. ključne besede v izvlečku, ime izdelka v oceni). <small> … </small> tekst obrobnega pomena, “drobni tisk”.
- 12. ©primoz.weingerl INLINE ELEMENTS (medvrstični elementi) BLOCK ELEMENTS (blokovni elementi)
- 15. ©primoz.weingerl description list (seznam opisov) <dl> <dt>description term/name</dt> <dd>describtion</dd> </dl> unordered list (neurejen seznam) <ul> <li>examle 1</li> <li> example 2 </li> </ul> ordered list (urejen seznam) <ol> <li>examle 1</li> <li> example 2 </li> </ol>
- 17. ©primoz.weingerl <table> … </table> zapis tabele oz. tabelarnih podatkov <tr> … </tr> vrstica tabele <thead> … </thead>, <tbody> … </tbody>, <tfoot> … </tfoot> glava, vsebina in noga tabele <td> … </td> celica tabele
- 19. ©primoz.weingerl <form> … </form> definiranje spletnega obrazca <label> … </label> oznaka vnosnega polja. Oznako povežemo z vnosnim poljem tako da uporabimo atribut for kateri mora biti enak id atributu vnosnega polja. <select> … </select>, <option></option> izbirni meni <input> vnosno polje. Vrsto vnosnega polja določimo z atributom type. <textarea>…<textarea> večvrstično vnosno polje
- 21. ©primoz.weingerl <img> vključevanje slik src – pot do slike (relativna ali absolutna) alt – kratek opis slike, nadomestno besedilo za sliko width – širina slike height – višina slike <svg> … </svg> vključevanje svg slik neposredno v html JPEG PNG GIF SVG
- 24. ©primoz.weingerl <article> … </article> vsebuje celostno, samostojno vsebino, ki je lahko deljena oz. uporabljena neodvisno. <aside> … </aside> vsebina, ki se deloma navezuje oz. je sorodna vsebini sekcije, kjer se nahaja in se lahko obravnava ločeno (npr. obrazložitve, definicije, povezave, reklame, citati iz besedila) <nav> … </nav> glavna navigacija na strani – element, ki vsebuje povezave na druge strani. <section> … </section> tematsko združevanje elementov, za poimenovanje se uporabi naslov najvišje stopnje znotraj elementa.
- 26. ©primoz.weingerl <header> … </header> glava dokumenta oz. sekcije v kateri se element nahaja <main> … </main> vsebuje glavno vsebino dokumenta oz. aplikacije <time> … </time> vsebuje čas oz. datum <footer> … </footer> noga dokumenta oz. sekcije. Vsebuje podatke o avtorjih, povezave itd.
- 27. ©primoz.weingerl <div> … </div> blokovni element za združevanje elementov (brez strukturne in semantične vloge) <span> … </span> inline element za združevanje elementov (brez strukturne in semantične vloge)