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.