HTML Flashcards
Što je html?
Hypertext Markup Language (HTML) je jednostavni jezik oznaka. Oznake predstavljaju strukturne, prezentacijske i semantičke informacije.HTML jezik se koristi za kreiranje hipertekstualnih dokumenata (zvani HTML dokumenti ili Web stranice) koji su neovisni o platformi.
Što je HTML stranica?
HTML stranica je tekstualni dokument s tip datoteke (ekstenzija) .html ili .htm koji u HTML oznake. Prema tipu dokumenta to je multimedijski/hipermedijski dokument, a prema formatu to je text/html tip dokumenta.
Što je web preglednik?
Aplikacija koja omogućuje pregled HTML stranica zove se Web preglednik. Postoje dvije kategorije Web preglednika to su tekstualni Web preglednici i grafički Web preglednici. Danas grafički Web preglednici prevladavaju, no još uvijek postoje tekstualni preglednici poput preglednika Lynx
Na koje dvije osnovne skupine dijelimo sadržaj HTML stranice?
Kada se govori o HTML stranici tada možemo sadržaj HTML stranice podijeliti u dvije osnovne skupine prema vidljivosti u Web pregledniku: vidljivi dio i nevidljivi dio. Vidljivi dio (naslov, tekst i sl.) je dio koji se prikazuje u centralnom dijelu Web preglednika.
Nevidljivi dio (meta upute, upute dizajna, programski kod za dinamičke dijelove i sl.) je dio kojeg imamo u sadržaju HTML dokumenta, no nije prikazan u centralnom dijelu Web preglednika, već se koristi za upute preglednika i/ili tražilica.
Koja je druga podjela HTML stranice i kako glasi?
Druga podjela sadržaja HTML stranice je prema uključivanju u sam HTML dokument.
-uključeni u stranicu (naslov, tekst i sl)
-sadržani u vanjskim datotekama/dokumentima (slike, upute dizajna, dinamički dijelovi –
programski kod i sl.)
Što su elementi?
To su posebne oznake kojima označavamo sadržaj kako bi se on prikazao na određeni način.
Element (ili oznaka, eng. tag) HTML jezika ima svoj jednoznačni naziv koji može sadržavati od jednog znaka pa više
Kako se pišu elementi?
<h1>sadrzaj</h1>
Kako se dijele html elementi?
prazni, sirovi tekst, strani, normalni, replaceable character data
Što su atributi HTML elemenata?
Oznaka (element) HTML dokumenta može sadržavati atribut ili više njih, koji se sastoje od naziva i vrijednosti koji su odvojeni znakom jednako (=). Npr <a>sadrzaj</a>
Kako se pišu atributi?
<a>Sadrzaj</a>
Globalni atributi
To su atributi koji se mogu pojaviti u bilo kojem HTML dokumentu
● id – jednoznačni identifikator elementa (koristi se kod CSS-a,
JavaScripta i internih poveznica)
● title – naslov elementa (savjetodavna informacija, ovisi o elementu)
● lang – primarni jezik sadržaja elementa (prema specifikaciji oznaka
jezika)
● dir – smjer pisanja elementa
● class – klasa (koristi se kod CSS-a)
● style – stil (koristi se kod CSS-a)
● data-* - prilagođeni atributi (obično se koriste kod pojedinih
JavaScript knjižnica ili okvira)
Atributi za događaje
●atributi koji mogu koristiti za programsku obradu događaja koji se desio na nekom HTML elementu.
●Počinju sa on (npr. onclick, onfocus, onsubmit)
Koji je predpodstavljeni prikaz znakova u HTML 5?
Svaki tekstualni dokument koristi neku kodnu stranicu (npr. UTF-8, Windows-1250) tj. prikaz znakova. U verziji HTML5 pretpostavljeni je prikaz znakova UTF-8
Struktura HTML dokumenta?
Započinje preambulom <!DOCTYPE html> nakon koje slijedi oznaka za korijenski element svakog HTML dokumenta <html> koja može imati atribute lang i dir.
Što ide unutar oznake <html>?
Unutar oznake <html> slijedi oznaka <head> i nakon nje oznaka <body>. Oznake <head> i <body> dijele HTML dokument na dva dijela: vidljivi dio i nevidljivi dio.
Koja je razlika HTML-a i XHTML-a?
XHTML je kratica od engleske riječi EXtensible HyperText Markup Language. XHTML je stroži te zahtjeva oznaku kraja i poštivanje redoslijeda otvaranja i zatvaranja po principu LIFO.
Sekcija zaglavlja?
Zaglavlje HTML dokumenta najviše dobiva na ulozi kod pretraživača (eng. search engine) koji mogu dobiti temeljne informacije o sadržaju dokumenta i dr.
-
-
Što sve zaglavlje može sadržavati?
Metapodatke kao što su <title> <meta></meta> <base></base> <link></link> <style>
I elemente za skriptiranje kao što su
i <no-script></no-script></style></title>
Sekcija tijela?
Tijelo HTML dokumenta sastoji se od elemenata kojima se opisuje sadržaj (tekst, zvuk, slika, …) dokumenta. Oznaka za tijelo je <body>…</body> i može sadržavati globalne atribute te atribute događaja.
Koja su pravila HTML vizualnog oblikovanja?
Dokument se oblikuje oznakama a ne sadržajem.
Bez obzira na broj razmaka samo se jedan računa.
Prijelom redka nema ulogu u obliku.
Postoje iznimke kod kojih se broje praznine i prijelomi redaka
Elementi za sekcije?
Elementi za sekcije služe za grupiranje zajedničkog sadržaja u veće cjeline koja ima određenu semantiku. Npr. <header> <body> <footer>
Koji su to elementi za sekcije?
<article> <section> <nav> <aside> <header> <footer> <address> <h1> ...
</h1></address></footer></header></aside></nav></section></article>
Elementi za grupiranje sadržaja?
služe da bi grupirali sadržaj u manje cjeline za razliku od
sekcija.
<p> <hr></hr> <pre> <blockqoute> <div> <main> <ol> <ul> <figure> ...
</figure></ul></ol></main></div></blockqoute></pre></p>
Poveznice?
Poveznice su konceptualni konstrukt, koji se kreira oznakama <a>, <area></area>, <form> i <link></link>, koji predstavljaju veze između dva resursa od kojih je jedan trenutni
dokument.</a>
Kakve vrste poveznica postoje?
poveznice na vanjske izvore i hiperveze
Kako dijelimo hiperveze prema vrsti URL adrese?
Apsolutne i relativne povezince
Što je sidro?
Kad se kaže interna poveznica misli se na poveznicu koja vodi na neko mjesto unutar istog dokumenta. Interne poveznice počinju znakom ljestve (#) kao na primjer #sadrzaj.
Ugrađeni HTML elementi?
Elementi koje koristimo kako bi integrirali multimedijske sadržaje u html stranicu.
Elementi za slike?
<img></img> <figure> <figcaption> i <picture></picture></figure>
Interaktivne slike?
<map>
</map>
Video i audio?
Integracija video i audio materijala u web stranicu je vrlo jednostavna i radi se korištenjem
oznake <audio> odnosno <video> u kojoj se navodi oznaka <source></source></video></audio>
Unutarnji okvir?
Unutarnji okvir omogućava prikaz drugih stranica unutar trenutne stranice. Tipa youtube videi <iframe>
Ploča za crtanje?
<canvas>
</canvas>
Tablice?
Oznaka <table> koristi se kao kontejner za ostale oznake. Elemente tablice dijelimo u dvije grupe, glavne i pomocne elemente. GLavni su <caption> redak -<tr> i ćelija <td>. Pomocni su <col> <colgroup> <th> <thead><tfoot> <tbody> itd.