HTML-címke definíció

Mit kell tudni a HTML-címkékről?

A HTML az internet nyelve. A számítógépen vagy a telefonon megtekintett weboldalakat, ideértve ezt is, a Hypertext Markup Language-ben írták be, a "HTML-címkék" néven. A HTML-t úgy értelmezheted, mint egy "under-the-hood" kódot, amely szabályozza a weblap struktúráját.

Végül, ha új nyelveket tanulsz, egyszerű kifejezésekkel kezded és építesz innen. A HTML-ről való tanulás nem különbözik. Kezdjük a közös HTML-címkék elsajátításával. Ez egyenértékű az "egyszerű kifejezések" megtanulásával beszélt nyelven. Ezek a kifejezések az alapkőzetévé válnak, amelyen ismereteidet és beszédedet építed, éppúgy, mint a HTML-címkék, amelyek alapját az Ön webfejlesztési készségei képezik.

HTML címke formátum

Felismerhet egy HTML-címkét, mert körülveszi a <és> karakterek a címke elején és végén. E két karakter között más szöveg definiálja, hogy milyen HTML-címkéket írnak. Például, ha tudod, hogy az "hr" vízszintes szabályt (vagy vonalat) jelent, ezt a HTML-címkére írod:


Most írt egy HTML-címkét, amely vízszintes szabályt húz egy weboldalra.

A legtöbb HTML címke párosul. A szöveg elején és végén egy szövegrészen helyezik el, hogy diktálják az általuk tartalmazott tartalmat. Ezek a címkepárok HTML elemeket alkotnak. Amikor megtudja, hogy és a megnyitó és záró címkék a szöveg félkövér betöltéséhez, elkezdi megérteni, hogy a HTML-címkék milyen hatással vannak a szöveg megjelenésére egy weboldalon.

Ez a mondat a címkék miatt minden vastagon jelenik meg.

Vegye figyelembe, hogy a záró erős címke (amely "erős hangsúlyt fűz, és alapértelmezés szerint félkövérként teszi a szöveget) megegyezik a megnyitó merész címkével, kivéve, hogy tartalmaz egy perjelet a címkén." Ez a formátum, amelyet a legtöbb HTML címkék: A nyitó címke és a zárócímkék ugyanazok, a bezárásnál pedig az első

HTML-címkék kombinációi

A HTML-címkéket gyakran kombinálják. A kiemelt (dőlt) szöveg nyitó és záró címkéi és . A dőlt betűket egyetlen szóval egészíti ki a félkövéres mondat példáján, és a szó megjelenik félkövéren és dőlt betűkkel a weboldalon.

Ez a mondat a címkék miatt minden vastagon jelenik meg.

Ha egy weboldal egy elemében több címkét használnak együtt, egyes címkéken belül pedig más címkéken jelennek meg, úgynevezett beágyazott HTML-címkék. Ne felejtsük el, hogy a beágyazott címkét, amelyik a többi címkén található, le kell zárni, mielőtt a tartalmi címkék lezárhatók. Nézd meg ezt a példát:

Ez a kiemelt szöveg egy adott okból.

Érdemes észrevenni, hogy az címke a

alatt nyílik meg, ami azt jelenti, hogy a zárócímke megjelenése előtt le kell zárni. Gondolj bele a beágyazott címkékre, mint a dobozok más dobozokba. A belső dobozokat le kell zárni, mielőtt a külső, dobozokat tartalmazó.

HTML-címkék és weboldalak

Több tucat HTML-címke érvényes HTML-ben. Egyes HTML-címkék nagyon gyakori, alapvető elemeket rendelnek, mint például a bekezdések, míg mások sokkal bonyolultabbak és több funkciót, például linket vagy "horgony" címkéket tartalmaznak. A HTML-címkék listája pillanatképet ad arról, hogy a címkék segítségével számos funkciót meg lehet adni egy weboldalon.

Vannak olyan címkék is, amelyekre minden weboldalra szükség van. Az első oldal elkészítésekor a címkét fogja használni, amely weboldalt kezd; , amely megmutatja, hogy mi a böngészőablak tetején jelenik meg a böngésző, és a <body>, amely az összes weboldal információ, és amely az oldal legnagyobb része. </p> <p> A HTML-címkék listája nem sok segítség, amíg nem ment keresztül egy HTML-bemutatón, de miután ezt megtette, HTML-címkéket használhat a saját weboldal elkészítéséhez. Egy megjegyzés, ne hagyja el a lehetséges HTML-címkék száma. Bár több száz lehetséges címke van használatban, a valóság az, hogy valószínűleg csak néhányat használsz újra és újra. Valójában vannak olyan HTML címkék, amelyeket soha nem használtam egyszer az évtizedek webdesign munkájánál! </p> <h3> Elavult címkék </h3><p> <a href="https://hu.eyewated.com/html-5-referencia-html-5-cimkek-beturendben/">A HTML5</a> az aktuális jelölési szabvány. A HTML korábbi verzióiban használt címkék egy részét HTML5 formátumú stíluslapok kezelik. Az elavult HTML-címkéket eltávolították a HTML-specifikációból. A legjobb, ha nem használsz elavult címkéket. </p> <p> Jennifer Krynin eredeti cikke. Szerkesztette Jeremy Girard 17/5/17 </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://hu.eyewated.com/html-5-referencia-html-5-cimkek-beturendben/"> <amp-img src="https://exse.eyewated.com/pict/1768218028e42fb8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/html-5-referencia-html-5-cimkek-beturendben/">HTML 5 Referencia - HTML 5 Címkék betűrendben</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/html-e-mail-kueldese/">HTML e-mail küldése</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/a-html5-helyorzo-linkek-kezdo-utmutatoja/"> <amp-img src="https://exse.eyewated.com/pict/b713940639aa456e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/a-html5-helyorzo-linkek-kezdo-utmutatoja/">A HTML5 helyőrző linkek kezdő útmutatója</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/az-index-html-oldal-megertese-egy-webhelyen/"> <amp-img src="https://exse.eyewated.com/pict/7416364f19e333c0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/az-index-html-oldal-megertese-egy-webhelyen/">Az Index.html oldal megértése egy webhelyen</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/html-goergeto-doboz/"> <amp-img src="https://exse.eyewated.com/pict/f47bdac8d880303c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/html-goergeto-doboz/">HTML görgető doboz</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/tudjon-meg-toebbet-a-html-alt-altipusanak-kepcimkeirol/"> <amp-img src="https://exse.eyewated.com/pict/af8334fc5d12335c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/tudjon-meg-toebbet-a-html-alt-altipusanak-kepcimkeirol/">Tudjon meg többet a HTML Alt Altípusának Képcímkéiről</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/html-kodok-a-lengyel-nyelv-karakterekhez/"> <amp-img src="https://exse.eyewated.com/pict/3a843da345b63435-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/html-kodok-a-lengyel-nyelv-karakterekhez/">HTML kódok a lengyel nyelv karakterekhez</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/az-ems-hasznalata-a-weboldal-font-meretenek-modositasahoz-html/"> <amp-img src="https://exse.eyewated.com/pict/95875758e662301f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/az-ems-hasznalata-a-weboldal-font-meretenek-modositasahoz-html/">Az "EMS" használata a weboldal font méretének módosításához (HTML)</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/coffeecup-ingyenes-html-szerkeszto-profil/"> <amp-img src="https://exse.eyewated.com/pict/ef0cec6da7ed345b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/coffeecup-ingyenes-html-szerkeszto-profil/">CoffeeCup Ingyenes HTML szerkesztő profil</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://hu.eyewated.com/paradigma-se-sorozatu-hazimozi-hangszororendszer-attekintes/"> <amp-img src="https://exse.eyewated.com/pict/c18de1d8b1184054-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/paradigma-se-sorozatu-hazimozi-hangszororendszer-attekintes/">Paradigma SE sorozatú házimozi hangszórórendszer - áttekintés</a></h3> <div class="amp-related-meta"> Termék Vélemények </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/a-sajat-gmail-billentyuparancsok-meghatarozasa/">A saját Gmail billentyűparancsok meghatározása</a></h3> <div class="amp-related-meta"> E-mail és üzenetküldés </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/pda-vs-smartphone/"> <amp-img src="https://exse.eyewated.com/pict/3b02cdaf559d302f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/pda-vs-smartphone/">PDA vs Smartphone</a></h3> <div class="amp-related-meta"> Termék Vélemények </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/a-windows-xp-tuzfal-beallitasa/"> <amp-img src="https://exse.eyewated.com/pict/dff65e6039ff3416-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/a-windows-xp-tuzfal-beallitasa/">A Windows XP tűzfal beállítása</a></h3> <div class="amp-related-meta"> Web & Keresés </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/mi-az-a-fax-fajl/"> <amp-img src="https://exse.eyewated.com/pict/c0923e2a068931a9-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/mi-az-a-fax-fajl/">Mi az a FAX fájl?</a></h3> <div class="amp-related-meta"> Ablakok </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/az-alapertelmezett-betutipus-modositasa-a-windows-live-mail-vagy-az-outlook-express-szolgaltatasban/"> <amp-img src="https://exse.eyewated.com/pict/c9866cb6680d3491-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/az-alapertelmezett-betutipus-modositasa-a-windows-live-mail-vagy-az-outlook-express-szolgaltatasban/">Az alapértelmezett betűtípus módosítása a Windows Live Mail vagy az Outlook Express szolgáltatásban</a></h3> <div class="amp-related-meta"> E-mail és üzenetküldés </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://hu.eyewated.com/sandshrew-pokemon-27/"> <amp-img src="https://exse.eyewated.com/pict/4e9be917b8493899-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/sandshrew-pokemon-27/">Sandshrew - Pokemon # 27</a></h3> <div class="amp-related-meta"> Szerencsejáték </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/hasznalja-a-skype-otthoni-telefonjat/"> <amp-img src="https://exse.eyewated.com/pict/b833aae9f4d4303e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/hasznalja-a-skype-otthoni-telefonjat/">Használja a Skype otthoni telefonját</a></h3> <div class="amp-related-meta"> E-mail és üzenetküldés </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/attekintes-yamaha-a-s500-hi-fi-integralt-erosito/"> <amp-img src="https://exse.eyewated.com/pict/1f501ea4fe693249-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/attekintes-yamaha-a-s500-hi-fi-integralt-erosito/">Áttekintés: Yamaha A-S500 Hi-Fi integrált erősítő</a></h3> <div class="amp-related-meta"> Termék Vélemények </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/google-allo-intelligens-azonnali-uezenetkueldo-alkalmazasok-feluelvizsgalata/"> <amp-img src="https://exse.eyewated.com/pict/1700694737763ea7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/google-allo-intelligens-azonnali-uezenetkueldo-alkalmazasok-feluelvizsgalata/">Google Allo - intelligens azonnali üzenetküldő alkalmazások felülvizsgálata</a></h3> <div class="amp-related-meta"> E-mail és üzenetküldés </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/a-7-legjobb-sebessegu-olvasasi-alkalmazas/"> <amp-img src="https://exse.eyewated.com/pict/a48e3ee61a63338f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/a-7-legjobb-sebessegu-olvasasi-alkalmazas/">A 7 legjobb sebességű olvasási alkalmazás</a></h3> <div class="amp-related-meta"> Szoftverek és alkalmazások </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/karacsonyi-hatterkepet-mac-windows-linux/"> <amp-img src="https://exse.eyewated.com/pict/1b3c8e012ed93aa8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/karacsonyi-hatterkepet-mac-windows-linux/">Karácsonyi háttérképet Mac, Windows, Linux</a></h3> <div class="amp-related-meta"> Web & Keresés </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/secure-eraser-v5-001/"> <amp-img src="https://exse.eyewated.com/pict/db85d1412991330c-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/secure-eraser-v5-001/">Secure Eraser v5.001</a></h3> <div class="amp-related-meta"> Szoftverek és alkalmazások </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/az-apple-developers-tanusitvany-megujitasa/">Az Apple Developers tanúsítvány megújítása</a></h3> <div class="amp-related-meta"> IPad </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/fogyasztoi-visszahivas-philips-ambilight-plazma-tevek/"> <amp-img src="https://exse.eyewated.com/pict/ebfcc44682e43454-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/fogyasztoi-visszahivas-philips-ambilight-plazma-tevek/">Fogyasztói visszahívás: Philips Ambilight Plazma tévék</a></h3> <div class="amp-related-meta"> Házimozi </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/d-link-dir-605l-alapertelmezett-jelszo/"> <amp-img src="https://exse.eyewated.com/pict/39d520aa8f9d3834-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/d-link-dir-605l-alapertelmezett-jelszo/">D-Link DIR-605L alapértelmezett jelszó</a></h3> <div class="amp-related-meta"> Internet és hálózat </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/a-webhely-elerhetove-tetele-a-fogyatekkal-elok-szamara/"> <amp-img src="https://exse.eyewated.com/pict/c1c992011d89342e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/a-webhely-elerhetove-tetele-a-fogyatekkal-elok-szamara/">A webhely elérhetővé tétele a fogyatékkal élők számára</a></h3> <div class="amp-related-meta"> Új és következő </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/mi-a-voip-kliens/"> <amp-img src="https://exse.eyewated.com/pict/864b970d15963ab0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/mi-a-voip-kliens/">Mi a VoIP kliens?</a></h3> <div class="amp-related-meta"> Internet és hálózat </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/hogyan-lehet-roegziteni-a-stop-0x00000008-hibakat/">Hogyan lehet rögzíteni a STOP 0x00000008 hibákat?</a></h3> <div class="amp-related-meta"> Ablakok </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/mi-a-mobiltelefon/"> <amp-img src="https://exse.eyewated.com/pict/c5e92fa8966d3506-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/mi-a-mobiltelefon/">Mi a mobiltelefon?</a></h3> <div class="amp-related-meta"> Új és következő </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/amikor-egy-150-dollaros-nyomtato-toebb-ezer-dollart-koeltene/"> <amp-img src="https://exse.eyewated.com/pict/4116c5527a953203-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/amikor-egy-150-dollaros-nyomtato-toebb-ezer-dollart-koeltene/">Amikor egy 150 dolláros nyomtató több ezer dollárt költene</a></h3> <div class="amp-related-meta"> Útmutatók vásárlása </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/a-windows-live-hotmail-elerese-az-outlook-mac-szamara/"> <amp-img src="https://exse.eyewated.com/pict/aed21ca89ca32f4d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/a-windows-live-hotmail-elerese-az-outlook-mac-szamara/">A Windows Live Hotmail elérése az Outlook Mac számára</a></h3> <div class="amp-related-meta"> E-mail és üzenetküldés </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 hu.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> <!-- Dynamic page generated in 1.253 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 22:30:32 --> <!-- 0.002 -->