#1 HTML Intermediate
Posted: 22/08/2018 12:01
Da nastavimo sa HTML sada idemo malo dalje
Budući da je cilj HTML Beginner bio je da se nauči neophodne predmete, što ne bi trebalo biti nešto baš teško, ali ćemo dodati malo više našem razumijevanju HTML-a i omogućiti nam da napravimo još nekoliko stvari.
HTML se odnosi na primjenu značenja na sadržaj.Dok većina HTML oznaka primjenjuje značenje (p čini paragraf, h1 čini naslov itd.), span i div oznake uopšte ne primenjuju značenje.
Ovo bi moglo da zvuči kao korisno kao papirni čekić, ali se zapravo koristi prilično široko u saradnji sa CSS-om.
Koriste se za grupisanje komada HTML-a i povezivanje nekih informacija na taj dio, najčešće sa atributima class i id.
Razlika između class i id je to da element je in-line i obično se koristi za mali deo HTML-a unutar linije (kao što je unutar pasusa) dok div (division = podjela) element block-line (što je u suštini ekvivalentno preklapanju linije pre i posle nje) i koristi se za grupu većih komada koda.
div i posebno span, ne bi trebalo da se često koriste. Kad god postoji bolja alternativa, trebalo koristiti umjesto toga.
Na primjer, ako želite naglasiti riječ "ludi", a klasa "papir" (paper) dodaje kurzivu za vizuelni naglasak, onda, za bogatiji i sadržajniji sadržaj, kod može izgledati ovako:
Ako još uvek nemate pojam o class i ID-u, ne brinite, sve imate ovdje : CSS Beginner Sve što treba da zapamtite je taj span i div su "besmislene" oznake.
Osnove definisanja teksta koristeći paragraphs (emphasis i line breaks) (paragrafi kao i naglasak i prekid linija) i headings smo prošli HTML Beginner. I iz istog razloga koristimo p i h1, h2, itd., Postoji i niz drugih oznaka koje treba koristiti i za specifične predstavljanje drugih tekstualnih tipova,kao abbreviations, quotations (skraćenice, citate) i kod.
Abbreviations
abbr koristi se za označavanje skraćenice, skraćeni oblik riječi ili fraze.
Proširena fraza koja predstavlja skraćenicu može se definirati u vrijednosti atributa naslova. Ovo je neobavezno, ali se preporučuje.
Quotations
blockquote i q koriste se za citate.blockquote se generalno koristi za samostalne često višestruke citate dok se q koristi za kraće, on-line citate.
Ako se izvor citiranja može naći na Webu, cite atribut se može koristiti za ukazivanje na njegovo porijeklo.
Samo da stvari budu lijepe i zbunjujuće, kao i cite atribut, postoji i cite tag.Ovo se može koristiti za definisanje naslova rada, kao što je knjiga.
Code
Code se koristi da predstavlja bilo koji oblik računarskog koda. Pored toga var može se koristiti za varijable (što bi moglo biti promjenljiva u bilo čemu, ne samo kodu - to bi mogla biti varijabla u jednačini, na primjer), samp za izlaz uzorka (output), kbd (tastatura) za korisnički unos (input).
Preformatted text
pre je preformatiran tekst i neobično je u HTML oznakama da primeti obaveštenje o svakom karakteru u njemu, uključujući i bijeli prostor (dok će drugi elementi ignorisati jedan uzastopni prostor ili liniju-pauza, na prijmer). Najčešće se koristi za blokove koda, gdje razmak, kao što je urezivanje, može biti relevantan.
Budući da je cilj HTML Beginner bio je da se nauči neophodne predmete, što ne bi trebalo biti nešto baš teško, ali ćemo dodati malo više našem razumijevanju HTML-a i omogućiti nam da napravimo još nekoliko stvari.
Span and DivSadržaj ovog tutorijala
* Span and Div: "Besmisleni" elementi, koji se koriste sa CSS-om.
* Text: Skraćenice, Citati i Kod
* Meta Tags: Uputiti dodatne informacije o web stranici.
* Tables: rowspan and colspan: Proširenje na tabelama HTML početnog tutorijala, gledajući zaglavlje-ćelije i spajanje ćelija.
* Description Lists: Zaboravljene liste.
* Text: Addresses, Definitions, Bi-directional, and Editorial: Adrese, definicije, dvosmjerni i uređivački
* Sectioning: Velike semantičke strukture za dokumente.
HTML se odnosi na primjenu značenja na sadržaj.Dok većina HTML oznaka primjenjuje značenje (p čini paragraf, h1 čini naslov itd.), span i div oznake uopšte ne primenjuju značenje.
Ovo bi moglo da zvuči kao korisno kao papirni čekić, ali se zapravo koristi prilično široko u saradnji sa CSS-om.
Koriste se za grupisanje komada HTML-a i povezivanje nekih informacija na taj dio, najčešće sa atributima class i id.
Razlika između class i id je to da element je in-line i obično se koristi za mali deo HTML-a unutar linije (kao što je unutar pasusa) dok div (division = podjela) element block-line (što je u suštini ekvivalentno preklapanju linije pre i posle nje) i koristi se za grupu većih komada koda.
Code: Select all
<div id="scissors">
<p>Ovo je <span class="paper">ludo</span></p>
</div>
Na primjer, ako želite naglasiti riječ "ludi", a klasa "papir" (paper) dodaje kurzivu za vizuelni naglasak, onda, za bogatiji i sadržajniji sadržaj, kod može izgledati ovako:
Code: Select all
<div id="scissors">
<p>Ovo je <em class="paper">ludo</em></p>
</div>
Text: Abbreviations, Quotations, and CodeIako nisu zamjena za div tag, HTML 5 uvodi brojne oznake koji se koriste za grupisanje blokova koda zajedno i dodavanje značenja u isto vrijeme, article, header, footer...
Osnove definisanja teksta koristeći paragraphs (emphasis i line breaks) (paragrafi kao i naglasak i prekid linija) i headings smo prošli HTML Beginner. I iz istog razloga koristimo p i h1, h2, itd., Postoji i niz drugih oznaka koje treba koristiti i za specifične predstavljanje drugih tekstualnih tipova,kao abbreviations, quotations (skraćenice, citate) i kod.
Abbreviations
abbr koristi se za označavanje skraćenice, skraćeni oblik riječi ili fraze.
Proširena fraza koja predstavlja skraćenicu može se definirati u vrijednosti atributa naslova. Ovo je neobavezno, ali se preporučuje.
Code: Select all
<p>Ovaj dio foruma je za<abbr title="HyperText Markup Language">HTML</abbr> i <abbr title="Cascading Style Sheets">CSS</abbr>.</p>
blockquote i q koriste se za citate.blockquote se generalno koristi za samostalne često višestruke citate dok se q koristi za kraće, on-line citate.
Ako se izvor citiranja može naći na Webu, cite atribut se može koristiti za ukazivanje na njegovo porijeklo.
Code: Select all
<p>Zato sam pitao Selima o citatima na Webu i rekao <q>Znam mnogo o citatima koliko i ja o golubovima</q>. Na sreću, našao sam HTML na Klix-u i rekao:</p>
<blockquote cite="https://forum.klix.ba/html-intermediate-t150836.html">
<p>blockquote i q koriste se za citate. blockquote se generalno koristi za samostalne često multi-linijske citate, a q se koristi za kraće, on-line citate.</p>
</blockquote>
CitationsBlockquotes vrlo lijepo radi s HTML5 elementima figure i figcaption, omogućavajući lep, semantičan način da grupišu citat sa citatom:Ali hajde da se ne zajebavamo ovdje sada<figure>
<blockquote>[Veliki stari citati o evoluciji]</blockquote>
<figcaption>Charles Darwin</figcaption>
</figure>
Samo da stvari budu lijepe i zbunjujuće, kao i cite atribut, postoji i cite tag.Ovo se može koristiti za definisanje naslova rada, kao što je knjiga.
Code: Select all
<p>Prema <cite>Bibliji</cite>, nakon šest dana Bog je rekao <q>zajebi ovo, odoh da spavam</q>.</p>
Code se koristi da predstavlja bilo koji oblik računarskog koda. Pored toga var može se koristiti za varijable (što bi moglo biti promjenljiva u bilo čemu, ne samo kodu - to bi mogla biti varijabla u jednačini, na primjer), samp za izlaz uzorka (output), kbd (tastatura) za korisnički unos (input).
Code: Select all
<p>Ako dodate liniju <code><var>dajvaderu</var> = true;</code> da <code>unisti_planet</code> potprogram i potom unesite <kbd>javolimjabba</kbd> u konzolu, veliki stari zeleni laser "Death Star" će ugravirati <samp>Ljenčine!</samp> na planeti.</p>
Preformatted text
pre je preformatiran tekst i neobično je u HTML oznakama da primeti obaveštenje o svakom karakteru u njemu, uključujući i bijeli prostor (dok će drugi elementi ignorisati jedan uzastopni prostor ili liniju-pauza, na prijmer). Najčešće se koristi za blokove koda, gdje razmak, kao što je urezivanje, može biti relevantan.
Code: Select all
<pre><code>
<div id="intro">
<h1>Neki Naslov</h1>
<p>Neki paragraf paragra nešto nešto.</p>
</div>
</code></pre>
Kao prijmer, pre i code koriste se široko na ovoj lokaciji. Blokovi kodova, kao što je prethodno navedeno, su code elements (elementi koda) unutar pre elements (pre elementi). In-line reference na oznake i osobine su jednostavno kodni elementi, često unutar elementa za povezivanje "References" Reference.