HTML Tag Definicija

by Jennifer Kyrnin

Šta trebate znati o HTML oznakama

HTML je jezik Interneta. Web stranice koje vi pregledate na računaru ili telefonu, uključujući i ovaj, upisuju se u Hypertext Markup Language koristeći ono što je poznato kao "HTML oznake". Možete smatrati HTML kao "kod ispod poklopca" koji kontroliše strukturu web stranice.

Na kraju, kada saznate bilo koji novi jezik, počinjete jednostavnim frazama i gradite odatle. Učenje o HTML-u se ne razlikuje. Počećete sa savladavanjem zajedničkih HTML oznaka. Ovo je ekvivalent učenja "jednostavnih fraza" na govornom jeziku. Te fraze postaju osnova na kome ste gradili svoje znanje i govor, baš kao što su HTML oznake osnova za koju ćete stvoriti svoje web razvojne vještine.

Format HTML oznaka

Možete prepoznati HTML tag jer je okružen znakom na početku i kraju oznake. Između ova dva karaktera bi bio drugi tekst koji definiše koju vrstu HTML oznake se piše. Na primjer, ako znate da "hr" označava horizontalno pravilo (ili liniju), ovo bi napisali za HTML oznaku:

Upravo ste napisali HTML oznaku koja oblikuje horizontalno pravilo na web stranici.

Većina HTML oznaka dolazi u parovima. Postavljeni su na početku i na kraju odeljka teksta koji diktiraju sadržaj koji sadrže. Ovi tagovi sastoje se od HTML elementa . Kada saznate i su oznake za otvaranje i zatvaranje kako bi se tekstom krepio, počinjete da shvatate kako HTML oznake utiču na pojavu teksta na web stranici.

Ova rečenica će se pojaviti u svim označenim slovima zbog oznaka.

Imajte na umu da je jaka oznaka za zatvaranje (koja označava "jako naglašavanje i koja, po podrazumevanoj vrednosti, daje tekst podebljanim slovima) identična otvarajućoj boldovoj oznaci osim što uključuje kosu oznaku u oznaku. To je format koji prati najviše HTML tagovi. Otvorena oznaka i oznake za zatvaranje su iste, uz dodavanje košarke u zatvaranju koje sledi prvom karakteru.

Kombinacije HTML oznaka
HTML oznake se često koriste u kombinaciji. Otvori i zatvaranje oznaka za naglašeni (italic) tekst su i . Dodavanje kurzivih oznaka jednoj riječi u primjeru cjelokupne reči uzrokuje da se riječ koja će se pojaviti je i bold i kurziv na web stranici.

Ova rečenica će se pojaviti u svim označenim slovima zbog oznaka.

Kad god se više tagova koristi zajedno u elementu web stranice, sa nekim oznakama koje se pojavljuju unutar drugih, one se nazivaju ugnežene HTML oznake. Morate zapamtiti da je ugnežena oznaka, koja su oznake unutar drugih, mora biti zatvorena pre nego što se njihovi tagovi mogu zatvoriti. Pogledajte ovaj primjer:

Ovo je tekst koji je naglašen iz određenog razloga.
Treba da primetite da je oznaka otvorena unutar
, što znači da mora biti zatvoreno pre nego što se pojavi oznaka za zatvaranje . Razmislite o ugrađenim oznakama kao što su kutije unutar drugih kutija. Unutrašnje kutije moraju biti zatvorene prije nego što se nalaze spoljašnje kutije.

HTML oznake i veb stranice
Postoji desetine HTML oznaka u važećem HTML-u. Neke HTML oznake diktiraju vrlo uobičajene, osnovne elemente kao što su paragrafi, dok su druge komplikovanije i dodaju više funkcionalnosti, kao što su link ili "anchor" oznake. Lista HTML oznaka daje snimak mnogih funkcija koje tagovi mogu izvoditi na web stranici koristeći oznake.

Postoje i neke oznake koje su potrebne na svim web stranicama. Dok kreirate svoju prvu stranicu, koristićete oznaku , koja pokreće web stranicu; koji govori pretraživaču šta će se prikazati na vrhu okna pregledača i <body>, u kojem se nalaze sve informacije o web stranici i najveći dio vaše stranice. </p> <p> Spisak HTML oznaka nije puno pomoći dok ne prođete kroz HTML tutorijal, ali nakon što uradite, možete koristiti HTML oznake da biste napravili svoju web stranicu. Jedna napomena, nemojte biti preplavljeni brojem mogućih HTML oznaka. Iako postoje stotine mogućih oznaka za korištenje, stvarnost je da ćete vjerovatno koristiti samo nekoliko njih iznova i iznova. Zapravo, postoje HTML tagovi koje nikada nisam koristio u svojim decenijama web dizajna! </p> <h3> Deprecated Tags </h3><p> <a href="https://bs.eyewated.com/html-5-referenca-html-5-oznake-po-abecedi/">HTML5</a> je trenutni standard markiranja. Neke od oznaka koje su korištene u starijim verzijama HTML-a sada se obrađuju listovima stilova u HTML5. Zabeležene HTML oznake su uklonjene iz HTML specifikacija. Najbolje je da ne koristite bilo kakve zastarele oznake. </p> <p> Originalni članak Jennifer Krynin. Uredio Jeremy Girard 17.5.17 </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://bs.eyewated.com/sta-je-html-oznaka-protiv-html-elementa/"> <amp-img src="https://exse.eyewated.com/pict/8d74079c1c6b33e9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/sta-je-html-oznaka-protiv-html-elementa/">Šta je HTML oznaka protiv HTML elementa?</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/pisanje-html-a-u-notepad/"> <amp-img src="https://exse.eyewated.com/pict/2fb0aeb59c9a33d5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/pisanje-html-a-u-notepad/">Pisanje HTML-a u Notepad</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/zatvaranje-oznaka-nije-potrebno/">Zatvaranje oznaka nije potrebno</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/liste/"> <amp-img src="https://exse.eyewated.com/pict/fd0694f36f7534bf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/liste/">Liste</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/html-i-xml-urednici-za-linux-i-unix/"> <amp-img src="https://exse.eyewated.com/pict/50580a284b573169-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/html-i-xml-urednici-za-linux-i-unix/">HTML i XML urednici za Linux i Unix</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kako-kreirati-epub-datoteku-iz-html-i-xml/"> <amp-img src="https://exse.eyewated.com/pict/a609fedb352d3260-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-kreirati-epub-datoteku-iz-html-i-xml/">Kako kreirati EPUB datoteku iz HTML i XML</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/6-veliki-alati-za-konvertovanje-pdf-u-html/"> <amp-img src="https://exse.eyewated.com/pict/905ed8b7aacb33b8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/6-veliki-alati-za-konvertovanje-pdf-u-html/">6 Veliki alati za konvertovanje PDF u HTML</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kako-dodati-zvuk-na-html5-web-stranicu/"> <amp-img src="https://exse.eyewated.com/pict/ffef621a2d4b3361-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-dodati-zvuk-na-html5-web-stranicu/">Kako dodati zvuk na HTML5 web stranicu</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/saznajte-zakone-o-autorskim-pravima-koji-se-ticu-%E2%80%8B%E2%80%8Bveb-dizajna-i-html-kreacija/"> <amp-img src="https://exse.eyewated.com/pict/1aae6339c2733a86-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/saznajte-zakone-o-autorskim-pravima-koji-se-ticu-%E2%80%8B%E2%80%8Bveb-dizajna-i-html-kreacija/">Saznajte zakone o autorskim pravima koji se tiču veb dizajna i HTML kreacija</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://bs.eyewated.com/remote-utilities-6-8-0-1/"> <amp-img src="https://exse.eyewated.com/pict/3a7080fb6e703453-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/remote-utilities-6-8-0-1/">Remote Utilities 6.8.0.1</a></h3> <div class="amp-related-meta"> Softver i aplikacije </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/lg-v20-hands-on/"> <amp-img src="https://exse.eyewated.com/pict/26c1d3a562ae3097-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/lg-v20-hands-on/">LG V20 Hands-On</a></h3> <div class="amp-related-meta"> Vodiči za kupovinu </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/sta-je-lolcats/">Šta je "Lolcats"?</a></h3> <div class="amp-related-meta"> Društveni mediji </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kreiranje-prve-aplikacije-za-mobilne-uredjaje/"> <amp-img src="https://exse.eyewated.com/pict/5433ec4908af31b4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kreiranje-prve-aplikacije-za-mobilne-uredjaje/">Kreiranje prve aplikacije za mobilne uređaje</a></h3> <div class="amp-related-meta"> Veb i pretraživanje </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/uvod-u-online-gaming/"> <amp-img src="https://exse.eyewated.com/pict/2dfba433c39f3504-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/uvod-u-online-gaming/">Uvod u Online Gaming</a></h3> <div class="amp-related-meta"> Internet i mreža </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/razumijevanje-znacenja-veb-sadrzaja/"> <amp-img src="https://exse.eyewated.com/pict/6624d1c452e647aa-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/razumijevanje-znacenja-veb-sadrzaja/">Razumijevanje značenja veb sadržaja</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kako-napraviti-rezervne-kopije-android-uredjaja/"> <amp-img src="https://exse.eyewated.com/pict/d3f035328a553c13-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-napraviti-rezervne-kopije-android-uredjaja/">Kako napraviti rezervne kopije Android uređaja</a></h3> <div class="amp-related-meta"> Android </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kako-koristiti-privatni-nacin-pretrazivanja-u-operaciji-za-desktop/"> <amp-img src="https://exse.eyewated.com/pict/3cc5d43d1ec637bb-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-koristiti-privatni-nacin-pretrazivanja-u-operaciji-za-desktop/">Kako koristiti privatni način pretraživanja u operaciji za desktop</a></h3> <div class="amp-related-meta"> Pretraživači </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kako-brzo-osigurati-svoj-mac/"> <amp-img src="https://exse.eyewated.com/pict/b6cb259bc4dc2f94-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-brzo-osigurati-svoj-mac/">Kako brzo osigurati svoj Mac</a></h3> <div class="amp-related-meta"> Veb i pretraživanje </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/brojanje-svih-vrsta-podataka-sa-google-tablicom-counta/"> <amp-img src="https://exse.eyewated.com/pict/2461b8703a423c19-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/brojanje-svih-vrsta-podataka-sa-google-tablicom-counta/">Brojanje svih vrsta podataka sa Google tablicom COUNTA</a></h3> <div class="amp-related-meta"> Softver </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/saveti-za-izbor-prenosivog-dvd-uredjaja/"> <amp-img src="https://exse.eyewated.com/pict/210e76952141384b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/saveti-za-izbor-prenosivog-dvd-uredjaja/">Saveti za izbor prenosivog DVD uređaja</a></h3> <div class="amp-related-meta"> Vodiči za kupovinu </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/drzite-mp3-pesme-u-amazon-cloudu-icloud-i-google-play-muzici/"> <amp-img src="https://exse.eyewated.com/pict/026a5c57f4883319-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/drzite-mp3-pesme-u-amazon-cloudu-icloud-i-google-play-muzici/">Držite MP3 pesme u Amazon Cloudu, iCloud i Google Play muzici</a></h3> <div class="amp-related-meta"> Android </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/8-najboljih-laptopova-za-hladjenje-za-kupovinu-2018/"> <amp-img src="https://exse.eyewated.com/pict/99359d8fdf743641-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/8-najboljih-laptopova-za-hladjenje-za-kupovinu-2018/">8 najboljih laptopova za hlađenje za kupovinu 2018</a></h3> <div class="amp-related-meta"> Vodiči za kupovinu </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/dxg-125v-kamkorder-pregled/"> <amp-img src="https://exse.eyewated.com/pict/2676affebc9e33b7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/dxg-125v-kamkorder-pregled/">DXG 125V kamkorder Pregled</a></h3> <div class="amp-related-meta"> Product Reviews </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/varati-za-warcraft-3-the-frozen-throne-na-racunaru/"> <amp-img src="https://exse.eyewated.com/pict/8c80cae2773539de-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/varati-za-warcraft-3-the-frozen-throne-na-racunaru/">Varati za "Warcraft 3: The Frozen Throne" na računaru</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/koriscenje-buddy-chata-u-aol-instant-messengeru/">Korišćenje Buddy Chata u AOL Instant Messengeru</a></h3> <div class="amp-related-meta"> Softver i aplikacije </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/sta-je-tacno-mp4/"> <amp-img src="https://exse.eyewated.com/pict/5cd650ba62fb3937-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/sta-je-tacno-mp4/">Šta je tačno MP4?</a></h3> <div class="amp-related-meta"> Veb i pretraživanje </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-kreirati-novu-poruku-pomocu-kancelarijskog-materijala/">Kako kreirati novu poruku pomoću kancelarijskog materijala</a></h3> <div class="amp-related-meta"> E-pošta i poruke </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/smrt-racunarskog-optickog-uredjaja/"> <amp-img src="https://exse.eyewated.com/pict/51561aa4bb663559-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/smrt-racunarskog-optickog-uredjaja/">Smrt računarskog optičkog uređaja</a></h3> <div class="amp-related-meta"> Vodiči za kupovinu </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/instaliranje-mysql-a-na-mac-os-x-10-7-lion/"> <amp-img src="https://exse.eyewated.com/pict/58bb0e18465533f8-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/instaliranje-mysql-a-na-mac-os-x-10-7-lion/">Instaliranje MySQL-a na Mac OS X 10.7 Lion</a></h3> <div class="amp-related-meta"> Softver </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/bbm-aplikacija-za-android/">BBM aplikacija za Android</a></h3> <div class="amp-related-meta"> Softver i aplikacije </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kako-izbrisati-youtube-kanal/"> <amp-img src="https://exse.eyewated.com/pict/9dd312f29e50346f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-izbrisati-youtube-kanal/">Kako izbrisati YouTube kanal</a></h3> <div class="amp-related-meta"> Društveni mediji </div> </div> </div> </div></article> <footer class="amp-wp-footer"> <div class="amp-wp-footer-inner"> <a href="#" class="back-to-top">Back to top</a> <p class="copyright"> © 2024 bs.eyewated.com </p> <div class="amp-wp-social-footer"> <a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a> </div> </div> </footer> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/"> </amp-pixel> </div> </body> </html>