HTML etiketak buruz jakin behar duzu
HTMLa Webaren hizkuntza da. Zure ordenagailuan edo telefonoan ikusten dituzun web orrialdeak Hypertext Markatzeko hizkuntzan idatzitakoak dira, "HTML etiketekin" izenekoak erabiliz. HTML gisa pentsatu dezakezu web orri baten egitura kontrolatzen duen "azpiko kanpaia kodea" gisa.
Azken finean, edozein hizkuntza berri ikasten duzunean, esaldi errazak eta hasieratik eraikitzen hasten zara. HTML buruz ikastea ez da ezberdina. HTML etiketa komunak masterizatzen hasiko zara. Esate baterako, "esaldi errazak" ikasteko baliokidea da ahozko hizkuntzan. Esaldi horiek zure ezagutza eta hizkera eraikitzeko oinarria osatzen dutenak dira, HTML etiketak bezala, zure web garapenaren gaitasunak eraiki ahal izango dituzu.
HTML etiketa formatua
HTML etiketa aitortu ahal izango duzu etiketa hasieraren eta amaierako karakterez inguratuta dagoelako. Bi karaktere hauen artean, beste testu bat izango litzateke zein HTML etiketa idazten ari den definitzen duen. Adibidez, "hr" esan nahi baduzu, marra horizontala (edo lerroa) idatziko duzu HTML etiketa honetarako:
HTML orri bateko arau horizontal bat marrazten duen HTML etiketa bat idatzi duzu.
HTML etiketa gehienak bikoteka daude. Hasieran eta testu zati baten amaieran jartzen dira edukiko dituzten edukiak emateko. Etiketa bikote hauek HTML elementu osatzen dute. eta ikasi duzunean Testu lodiz egiteko irekitze eta itxiera-etiketak dira, HTML etiketak web orriko testuen itxura eragiten duten ulertzen hasten zarenean.
Esaldi hau etiketa guztietan agertuko da.
Kontuan izan etiketa itxiaren indarra ("nabarmenduz nabarmenduko den eta, lehenespenez, testua lodia den bezala") irekitze titulu gezurrezko berdin-berdineko etiketak berdinduko ditu etiketa duen barra bat izan ezik. Horrek gehien jarraitzen duen formatua da HTML etiketak. Irekiaren etiketa eta itxiera etiketak berdinak dira, lehen karakterea jarraitzen duen itxiera batera.
HTML Tag konbinazioak
HTML etiketak maiz erabiltzen dira konbinatuta. Etengabeko (eteteko) testuetan eta nabarmentzen diren etiketa irekiak eta itxiak dira. Etiketa etiketetan hitz bakarreko hitz bakarreko orrialdeetan gehitzen diren adibideek orriaren itxura erakusten duten hitzak eragiten dute.
Esaldi hau etiketa guztietan agertuko da.
Etiketa batzuk web orri baten elementu batean elkarrekin erabiltzen direnean, besteak besteen artean etiketak dituztenez, HTML etiketa habiak dira. Kontuan izan behar da habiaratutako etiketa bat, beste batzuen artean dauden etiketak direla eta, itxi egin behar direla etiketa duten etiketak itxita egon aurretik. Ikus ezazu adibide hau:
Hau azpimarratua da, arrazoi jakin baterako.
etiketa barruan irekitzen dela nabarituko zenuke, etiketa itxi aurretik agertzen dela esan nahi du. Beste koadro batzuen barruan kaxak bezalako etiketa habiak pentsatzea. Barruko kutxek kanpoaldean itxita egon behar dute, kaxak dituztenak.
HTML etiketak eta web orriak
Badira hamabi HTML etiketa HTML baliodunean. HTML etiketa batzuek paragrafoen antzeko ohiko elementu oinarrizkoak ematen dituzte, besteak beste konplexuagoak diren eta funtzionalitate gehiago gehitzea, lotura edo "aingura" etiketak bezala. Etiketa HTMLen zerrenda batek hainbat funtzioen etiketa erakusten du, web orrietan etiketa erabiliz.
Web orri guztiek eskatzen dituzten etiketak ere badira. Zure lehen orria eraiki duzunean, etiketa bat erabiliko duzu, web orri bat hasten denean;
nabigatzailearen panela goiko aldean bistaratzen duen arakatzaileari kontatzen dio, eta <body>, non dagoen adierazten du web orriaren informazio guztia eta zure orrialdearen zatirik handiena da. </p>
<p> HTML etiketen zerrenda ez da askoz laguntza HTML Tutorial bat pasatu duzun arte, baina zuk egin ondoren, HTML etiketak erabil ditzakezu zeure webgunea eraiki dezazun. Ohar bat, ez ezazu jaramonik egin HTML etiketa posibleen kopuruarekin. Erabilitako ehunka etiketa erabilgarri dauden bitartean, errealitatea litekeena da horietako batzuk gutxi gorabehera soilik erabiltzea. Izan ere, web orrien diseinuaren hamarkadetan inoiz erabili ez ditudan HTML etiketak ere badira! </p>
<h3> Deprecated Tags </h3><p> <a href="https://eu.eyewated.com/html-5-erreferentzia-html-5-etiketa-alfabetikoki/">HTML5</a> egungo markatze estandarra da. HTML bertsio lehenetsietan erabilitako etiketa batzuk HTML5 estilo-orriekin kudeatzen dira orain. HTML etiketa zaharkituak HTML zehaztapenetatik kendu dira. Hobe da etiketa zaharkituak erabiltzea. </p>
<p> Jennifer Krynin-en jatorrizko artikulua. Jeremy Girard-ek argitaratua 17/05/27 </p>
</div>
<div class="amp-related-wrapper">
<h2>Alike posts</h2>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/html-dinamikoari-buruz-dhtml-buruz-ikasi/">
<amp-img src="https://exse.eyewated.com/pict/2e6355ad942f34bb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/html-dinamikoari-buruz-dhtml-buruz-ikasi/">HTML dinamikoari buruz (DHTML) buruz ikasi</a></h3>
<div class="amp-related-meta">
Web Diseinua eta Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/turkish-hizkuntza-karakteren-html-kodeen-zerrenda-integrala/">
<amp-img src="https://exse.eyewated.com/pict/c2d45c92534f347a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/turkish-hizkuntza-karakteren-html-kodeen-zerrenda-integrala/">Turkish Hizkuntza Karakteren HTML Kodeen zerrenda integrala</a></h3>
<div class="amp-related-meta">
Web Diseinua eta Dev </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/nola-gehitu-iruzkinak-zure-htmlan/">Nola gehitu iruzkinak zure HTMLan</a></h3>
<div class="amp-related-meta">
Web Diseinua eta Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/html-table-element-attributes-erabiliz/">
<amp-img src="https://exse.eyewated.com/pict/bc751870b8843c81-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/html-table-element-attributes-erabiliz/">HTML TABLE Element Attributes erabiliz</a></h3>
<div class="amp-related-meta">
Web Diseinua eta Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/ba-al-dago-html-deskarga-etiketa-bat/">
<amp-img src="https://exse.eyewated.com/pict/2d691e7fe79532bf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/ba-al-dago-html-deskarga-etiketa-bat/">Ba al dago HTML deskarga etiketa bat?</a></h3>
<div class="amp-related-meta">
Web Diseinua eta Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/5-html-tik-pdf-bihurtzeko-tresnak/">
<amp-img src="https://exse.eyewated.com/pict/1f5b70039043347e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/5-html-tik-pdf-bihurtzeko-tresnak/">5 HTML-tik PDF bihurtzeko tresnak</a></h3>
<div class="amp-related-meta">
Web Diseinua eta Dev </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/estekatu-iframes-eta-markoak-html-esteketan/">Estekatu IFrames eta markoak HTML esteketan</a></h3>
<div class="amp-related-meta">
Web Diseinua eta Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/nola-sortu-html-zuriunea/">
<amp-img src="https://exse.eyewated.com/pict/d828541cc37d2fe5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/nola-sortu-html-zuriunea/">Nola sortu HTML zuriunea</a></h3>
<div class="amp-related-meta">
Web Diseinua eta Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/iframe-elementuaren-html5-atributu-berriak/">
<amp-img src="https://exse.eyewated.com/pict/aec03ac5bab7342b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/iframe-elementuaren-html5-atributu-berriak/">IFRAME Elementuaren HTML5 Atributu Berriak</a></h3>
<div class="amp-related-meta">
Web Diseinua eta Dev </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>See Newest</h2>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/the-7-best-pc-gaming-cases-to-buy-in-2018/">The 7 Best PC Gaming Cases to Buy in 2018</a></h3>
<div class="amp-related-meta">
Erosketa gidak </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/hulu-plus-streaming-irizpideen-bilduma/">
<amp-img src="https://exse.eyewated.com/pict/b7cd5fc0471e37e7-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/hulu-plus-streaming-irizpideen-bilduma/">Hulu Plus Streaming irizpideen bilduma</a></h3>
<div class="amp-related-meta">
Produktuen azterketak </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/irudiaren-egonkortze-optiko-eta-digitala-ulertzea/">
<amp-img src="https://exse.eyewated.com/pict/4714094f4f223460-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/irudiaren-egonkortze-optiko-eta-digitala-ulertzea/">Irudiaren egonkortze optiko eta digitala ulertzea</a></h3>
<div class="amp-related-meta">
Kamera digitalak </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/serif-fonts-klasikoak-eman-proiektuak-denborarik-gabeko-edertasuna-eta-legezkotasuna/">
<amp-img src="https://exse.eyewated.com/pict/a47d9683de4c3376-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/serif-fonts-klasikoak-eman-proiektuak-denborarik-gabeko-edertasuna-eta-legezkotasuna/">Serif Fonts klasikoak Eman Proiektuak denborarik gabeko edertasuna eta legezkotasuna</a></h3>
<div class="amp-related-meta">
Software </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/nola-egiten-dute-djek-beti-eskuinera-zuzenki-hitz-egin/">
<amp-img src="https://exse.eyewated.com/pict/f8f5771399983632-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/nola-egiten-dute-djek-beti-eskuinera-zuzenki-hitz-egin/">Nola egiten dute DJek Beti Eskuinera zuzenki hitz egin?</a></h3>
<div class="amp-related-meta">
Weba eta bilaketa </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/oinarrizko-flexografia-inprimaketa-eta-bere-erabilerak-gida/">
<amp-img src="https://exse.eyewated.com/pict/0ed5a1dd21d0395b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/oinarrizko-flexografia-inprimaketa-eta-bere-erabilerak-gida/">Oinarrizko Flexografia Inprimaketa eta bere erabilerak gida</a></h3>
<div class="amp-related-meta">
Software </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>Sapid posts</h2>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/gopro-vs-dash-kamera/">
<amp-img src="https://exse.eyewated.com/pict/f81fce788ca63553-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/gopro-vs-dash-kamera/">GoPro Vs. Dash kamera</a></h3>
<div class="amp-related-meta">
Car Tech </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/iphone-factory-ezarpenak-nola-leheneratu/">
<amp-img src="https://exse.eyewated.com/pict/f443f83fec09365c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/iphone-factory-ezarpenak-nola-leheneratu/">IPhone Factory ezarpenak nola leheneratu</a></h3>
<div class="amp-related-meta">
IPhone eta iPod </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/top-ipad-movie-eta-tv-streaming-apps/">
<amp-img src="https://exse.eyewated.com/pict/d59a816c5c5c33f0-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/top-ipad-movie-eta-tv-streaming-apps/">Top iPad Movie eta TV Streaming Apps</a></h3>
<div class="amp-related-meta">
Software eta aplikazioak </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/yamaha-dvx-s120-home-cinema-station-product-review/">
<amp-img src="https://exse.eyewated.com/pict/076fd58e98cb336a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/yamaha-dvx-s120-home-cinema-station-product-review/">Yamaha DVX-S120 Home Cinema Station - Product Review</a></h3>
<div class="amp-related-meta">
Erosketa gidak </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/zertarako-balio-du/">
<amp-img src="https://exse.eyewated.com/pict/0f5bc40f3ae833b8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/zertarako-balio-du/">Zertarako balio du?</a></h3>
<div class="amp-related-meta">
Weba eta bilaketa </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/dolby-digital-dolby-digital-ex-eta-dolby-digital-plus/">
<amp-img src="https://exse.eyewated.com/pict/1bf9e6c7c74f3779-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/dolby-digital-dolby-digital-ex-eta-dolby-digital-plus/">Dolby Digital, Dolby Digital EX eta Dolby Digital Plus</a></h3>
<div class="amp-related-meta">
Hasiera Antzerkia </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/bluestacks-exekutatu-android-aplikazioak-zure-ordenagailuan/">
<amp-img src="https://exse.eyewated.com/pict/45c30f129bb73452-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/bluestacks-exekutatu-android-aplikazioak-zure-ordenagailuan/">BlueStacks: exekutatu Android aplikazioak zure ordenagailuan</a></h3>
<div class="amp-related-meta">
Posta elektronikoa eta mezularitza </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/netscape-7-2-buruz-gehiago-jakin-behar-duzu-non-deskargatzeko-aukera-gehiago/">
<amp-img src="https://exse.eyewated.com/pict/de34bb93e437334b-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/netscape-7-2-buruz-gehiago-jakin-behar-duzu-non-deskargatzeko-aukera-gehiago/">Netscape 7.2 buruz gehiago jakin behar duzu, non deskargatzeko aukera gehiago</a></h3>
<div class="amp-related-meta">
Software eta aplikazioak </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/amazon-prime-reading-zer-da-eta-nola-funtzionatzen-duen/">
<amp-img src="https://exse.eyewated.com/pict/0f5d590edf453335-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/amazon-prime-reading-zer-da-eta-nola-funtzionatzen-duen/">Amazon Prime Reading: Zer da eta nola funtzionatzen duen</a></h3>
<div class="amp-related-meta">
New & Next </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/the-7-best-gps-cameras-to-buy-in-2018/">The 7 Best GPS Cameras to Buy in 2018</a></h3>
<div class="amp-related-meta">
Erosketa gidak </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/diseinatzeko-gaiak-powerpoint-2010ean/">
<amp-img src="https://exse.eyewated.com/pict/89fbc065ab76383e-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/diseinatzeko-gaiak-powerpoint-2010ean/">Diseinatzeko gaiak PowerPoint 2010ean</a></h3>
<div class="amp-related-meta">
Software </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/zer-da-datu-iturria/">
<amp-img src="https://exse.eyewated.com/pict/af6a25d575b93367-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/zer-da-datu-iturria/">Zer da datu iturria?</a></h3>
<div class="amp-related-meta">
Software </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/top-5-pop-up-ad-blockers/">
<amp-img src="https://exse.eyewated.com/pict/922c1c9413f33322-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/top-5-pop-up-ad-blockers/">Top 5 Pop-Up Ad Blockers</a></h3>
<div class="amp-related-meta">
Weba eta bilaketa </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/babestu-outlook-pst-fitxategirako-sarbidea-duen-pasahitz-batekin/">
<amp-img src="https://exse.eyewated.com/pict/a156eeaf52e43b35-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/babestu-outlook-pst-fitxategirako-sarbidea-duen-pasahitz-batekin/">Babestu Outlook PST fitxategirako sarbidea duen pasahitz batekin</a></h3>
<div class="amp-related-meta">
Posta elektronikoa eta mezularitza </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://eu.eyewated.com/zer-da-clickbait/">
<amp-img src="https://exse.eyewated.com/pict/0cd20e89331c375c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/zer-da-clickbait/">Zer da Clickbait?</a></h3>
<div class="amp-related-meta">
Weba eta bilaketa </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://eu.eyewated.com/top-6-iphone-erosketak-aplikazioak/">Top 6 iPhone erosketak aplikazioak</a></h3>
<div class="amp-related-meta">
Software eta aplikazioak </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 eu.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.159 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-10-03 21:58:13 -->
<!-- 0.002 -->