El que necessites saber sobre etiquetes HTML
HTML és l'idioma del web. Les pàgines web que visualitzeu a l'ordinador o al telèfon, inclòs aquest, estan escrites en el llenguatge de marques d'hipertext amb el que es coneix com a "etiquetes HTML". Podeu pensar en HTML com el codi "sota la caputxa" que controla l'estructura d'una pàgina web.
En definitiva, quan aprengui un idioma nou, comença amb frases simples i construeix-les des d'allà. Aprendre sobre HTML no és diferent. Començaràs dominant les etiquetes HTML habituals. Això equival a aprendre "frases simples" en un idioma parlat. Aquestes frases es converteixen en el fonament on es construeixen els vostres coneixements i parla, de la mateixa manera que les etiquetes HTML són les bases per a les quals potenciar les seves habilitats de desenvolupament web.
Format d'etiqueta HTML
Podeu reconèixer una etiqueta HTML perquè està envoltada dels caràcters al principi i al final de l'etiqueta. Entre aquests dos caràcters seria un altre text que defineixi quin tipus d'etiqueta HTML s'està escrivint. Per exemple, si sabeu que "hr" significa regla horitzontal (o línia), escriviu això per a l'etiqueta HTML:
Acabeu d'escriure una etiqueta HTML que dibuixa una regla horitzontal en una pàgina web.
La majoria d'etiquetes HTML vénen en parelles. Es col·loquen al principi i al final d'una secció de text per dictar el contingut que contindran. Aquests parells d'etiquetes formen elements HTML . Quan enteneu i són les etiquetes d'obertura i tancament per fer text en negreta, es comença a comprendre com les etiquetes HTML afecten l'aparença del text en una pàgina web.
Aquesta oració apareixerà en negreta a causa de les etiquetes.
Tingueu en compte que l'etiqueta de tancament forta (que significa "èmfasi fort i que, de manera predeterminada, fa que el text sigui en negreta) sigui idèntica a l'etiqueta negreta d'obertura, excepte que inclou una barra inclinada a l'etiqueta. Aquest és el format que segueix la majoria Etiquetes HTML. L'etiqueta d'obertura i les etiquetes de tancament són iguals, amb l'afegit d'una barra inclinada al tancament que segueix el primer
Combinacions d'etiquetes HTML
Les etiquetes HTML s'utilitzen sovint en combinació. Les etiquetes d'obertura i tancament per a text emfatitzat (cursiva) són i . Si afegiu les etiquetes en cursiva a una sola paraula en l'exemple d'oració en negreta, la paraula que apareix és en negreta i cursiva a la pàgina web.
Aquesta oració apareixerà en negreta a causa de les etiquetes.
Cada vegada que s'utilitzen diverses etiquetes en un element d'una pàgina web, amb algunes etiquetes que apareixen dins d'altres, es denominen etiquetes HTML anidades. Cal recordar que una etiqueta niada, que són les etiquetes dins d'altres, ha de tancar-se abans que es puguin tancar les etiquetes que contenen. Mireu aquest exemple:
Aquest text és emfatitzat per una raó específica.
Heu de tenir en compte que l'etiqueta s'obre dins de la , que significa que s'ha de tancar abans que aparegui l'etiqueta de tancament . Penseu a les etiquetes niades com a quadres dins d'altres quadres. Les caixes interiors han d'estar tancades abans que l'exterior, que continguin les caixes.
Etiquetes HTML i pàgines web
Hi ha dotzenes d'etiquetes HTML en HTML vàlid. Algunes etiquetes HTML dicten elements bàsics molt comuns, com ara paràgrafs, mentre que d'altres són més complicats i s'afegeixen més funcions, com ara un enllaç o etiquetes "ancora". Una llista d'etiquetes HTML proporciona una captura de pantalla de les moltes etiquetes de funcions que es poden realitzar en una pàgina web mitjançant etiquetes.
També hi ha algunes etiquetes que es requereixen de totes les pàgines web. A mesura que construeix la primera pàgina, utilitzarà l'etiqueta , que comença una pàgina web;
que indica al navegador què s'ha de mostrar a la part superior del panell del navegador i <body>, que és on tota la informació de la pàgina web es dirigeix i és la part més gran de la vostra pàgina. </p>
<p> Una llista d'etiquetes HTML no és molt útil fins que heu superat un tutorial HTML, però després de fer-ho, podeu utilitzar etiquetes HTML per crear la vostra pròpia pàgina web. Una nota, no us deixeu abraçar el nombre de possibles etiquetes HTML. Si bé hi ha centenars d'etiquetes possibles d'utilitzar, la realitat és que és probable que només usi un grapat d'ells una vegada i una altra. De fet, hi ha algunes etiquetes HTML que mai he fet servir fins i tot en les meves dècades de treball de disseny web. </p>
<h3> Etiquetes obsoletes </h3><p> <a href="https://ca.eyewated.com/html-5-de-referencia-html-5-etiquetes-alfabeticament/">HTML5</a> és l'estàndard de marques actual. Algunes de les etiquetes que es van utilitzar en versions anteriors d'HTML ara són gestionades per fulls d'estil en HTML5. Les etiquetes HTML obsoletes s'han eliminat de les especificacions HTML. El millor és no utilitzar cap etiqueta obsoleta. </p>
<p> Article original de Jennifer Krynin. Editat per Jeremy Girard el 17/05/17 </p>
</div>
<div class="amp-related-wrapper">
<h2>Alike posts</h2>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/guia-diniciacio-als-enllacos-de-marcador-despais-html5/">
<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://ca.eyewated.com/guia-diniciacio-als-enllacos-de-marcador-despais-html5/">Guia d'iniciació als enllaços de marcador d'espais HTML5</a></h3>
<div class="amp-related-meta">
Disseny web i Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/com-veure-lorigen-html-a-google-chrome/">
<amp-img src="https://exse.eyewated.com/pict/adff2724bc843500-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/com-veure-lorigen-html-a-google-chrome/">Com veure l'origen HTML a Google Chrome</a></h3>
<div class="amp-related-meta">
Disseny web i Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/banish-funky-spaces-en-les-vostres-taules-html/">
<amp-img src="https://exse.eyewated.com/pict/88096f5a98fe3ef4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/banish-funky-spaces-en-les-vostres-taules-html/">Banish Funky Spaces en les vostres taules HTML</a></h3>
<div class="amp-related-meta">
Disseny web i Dev </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/quin-es-latribut-id/">Quin és l'atribut ID?</a></h3>
<div class="amp-related-meta">
Disseny web i Dev </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/editors-html-i-editors-de-pagines-web/">Editors HTML i editors de pàgines web</a></h3>
<div class="amp-related-meta">
Disseny web i Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/definicio-detiqueta-html/">
<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://ca.eyewated.com/definicio-detiqueta-html/">Definició d'etiqueta HTML</a></h3>
<div class="amp-related-meta">
Disseny web i Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/que-es-una-etiqueta-html-versus-un-element-html/">
<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://ca.eyewated.com/que-es-una-etiqueta-html-versus-un-element-html/">Què és una etiqueta HTML versus un element HTML?</a></h3>
<div class="amp-related-meta">
Disseny web i Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/codis-didioma-html/">
<amp-img src="https://exse.eyewated.com/pict/72aa1f41a5ad30be-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/codis-didioma-html/">Codis d'idioma HTML</a></h3>
<div class="amp-related-meta">
Disseny web i Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/hi-ha-una-etiqueta-de-baixada-html/">
<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://ca.eyewated.com/hi-ha-una-etiqueta-de-baixada-html/">Hi ha una etiqueta de baixada HTML?</a></h3>
<div class="amp-related-meta">
Disseny web i Dev </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>See Newest</h2>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/heu-de-comprar-nintendo-ds-lite-o-dsi/">
<amp-img src="https://exse.eyewated.com/pict/ea9297a63a132fa4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/heu-de-comprar-nintendo-ds-lite-o-dsi/">Heu de comprar Nintendo DS Lite o DSi?</a></h3>
<div class="amp-related-meta">
Jocs </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/com-arreglar-errors-de-hal-dll-que-falten-en-windows-xp/">
<amp-img src="https://exse.eyewated.com/pict/0e0afbade1d93795-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/com-arreglar-errors-de-hal-dll-que-falten-en-windows-xp/">Com arreglar errors de Hal.dll que falten en Windows XP</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/per-que-hauria-de-preocupar-se-per-google-android/">
<amp-img src="https://exse.eyewated.com/pict/16016f165cb533be-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/per-que-hauria-de-preocupar-se-per-google-android/">Per què hauria de preocupar-se per Google Android?</a></h3>
<div class="amp-related-meta">
Android </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/exemples-i-opcions-de-comandaments-de-vol/">
<amp-img src="https://exse.eyewated.com/pict/43d0ca21c99c360a-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/exemples-i-opcions-de-comandaments-de-vol/">Exemples i opcions de comandaments de vol</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/microsoft-surface-2-vs-ipad-air-kindle-fire-hdx-8-9/">
<amp-img src="https://exse.eyewated.com/pict/65fc541687d93248-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/microsoft-surface-2-vs-ipad-air-kindle-fire-hdx-8-9/">Microsoft Surface 2 vs. iPad Air, Kindle Fire HDX 8.9</a></h3>
<div class="amp-related-meta">
Guies de compra </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/converteix-el-telefon-en-un-escaner-de-radio/">
<amp-img src="https://exse.eyewated.com/pict/ca01e563e14d3063-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/converteix-el-telefon-en-un-escaner-de-radio/">Converteix el telèfon en un escàner de ràdio</a></h3>
<div class="amp-related-meta">
Tech de cotxes </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>Sapid posts</h2>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/sony-hdr-hc1-hdv-camcorder-vista-previa-del-producte/">Sony HDR-HC1 HDV Camcorder - Vista prèvia del producte</a></h3>
<div class="amp-related-meta">
Home Theater </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/els-9-millors-rellotges-dalarma-per-comprar-el-2018/">Els 9 millors rellotges d'alarma per comprar el 2018</a></h3>
<div class="amp-related-meta">
Guies de compra </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/enllaca-el-teu-bloc-o-lloc-web-a-youtube/">
<amp-img src="https://exse.eyewated.com/pict/19b3b90bb69e3508-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/enllaca-el-teu-bloc-o-lloc-web-a-youtube/">Enllaça el teu bloc o lloc web a YouTube</a></h3>
<div class="amp-related-meta">
Web i cerca </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/assistencia-de-cisco/">
<amp-img src="https://exse.eyewated.com/pict/4f81920a65de321c-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/assistencia-de-cisco/">Assistència de Cisco</a></h3>
<div class="amp-related-meta">
Obtenir més ajuda </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/systemroot-consola-de-recuperacio/">Systemroot (Consola de recuperació)</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/quan-un-monitor-no-es-suficient/">Quan un monitor no és suficient</a></h3>
<div class="amp-related-meta">
Web i cerca </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/un-gran-comencament-per-mirar-la-televisio-sencera-a-casa/">
<amp-img src="https://exse.eyewated.com/pict/c97b93949faf347b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/un-gran-comencament-per-mirar-la-televisio-sencera-a-casa/">Un gran començament per mirar la televisió sencera a casa</a></h3>
<div class="amp-related-meta">
Comentaris del producte </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/on-heu-de-comprar-les-vostres-pellicules-digitals/">
<amp-img src="https://exse.eyewated.com/pict/5f0e6ed0539f323e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/on-heu-de-comprar-les-vostres-pellicules-digitals/">On heu de comprar les vostres pel·lícules digitals?</a></h3>
<div class="amp-related-meta">
Programari i aplicacions </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/informacio-falsa-tres-maneres-de-determinar-si-el-contingut-en-linia-es-segur/">
<amp-img src="https://exse.eyewated.com/pict/9d080a714ce72fff-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/informacio-falsa-tres-maneres-de-determinar-si-el-contingut-en-linia-es-segur/">Informació falsa: tres maneres de determinar si el contingut en línia és segur</a></h3>
<div class="amp-related-meta">
Web i cerca </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/halo-combat-evolved-trucs-glitches-i-consells/">Halo Combat Evolved Trucs Glitches i Consells</a></h3>
<div class="amp-related-meta">
Jocs </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/com-estalviar-videos-de-facebook/">
<amp-img src="https://exse.eyewated.com/pict/38b55106472e330f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/com-estalviar-videos-de-facebook/">Com estalviar vídeos de Facebook</a></h3>
<div class="amp-related-meta">
Mitjà de comunicació social </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/les-7-millors-radios-demergencia-a-comprar-el-2018/">
<amp-img src="https://exse.eyewated.com/pict/e78612e0856d343b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/les-7-millors-radios-demergencia-a-comprar-el-2018/">Les 7 millors ràdios d'emergència a comprar el 2018</a></h3>
<div class="amp-related-meta">
Guies de compra </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/promociona-el-teu-podcast-utilitzant-instagram-snapchat-i-bumpers/">
<amp-img src="https://exse.eyewated.com/pict/7544dafc31b733c0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/promociona-el-teu-podcast-utilitzant-instagram-snapchat-i-bumpers/">Promociona el teu podcast utilitzant Instagram, Snapchat i Bumpers</a></h3>
<div class="amp-related-meta">
Web i cerca </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/instruccio-pas-a-pas-per-canviar-la-mida-duna-imatge-per-enviar-a-traves-dun-correu-electronic/">
<amp-img src="https://exse.eyewated.com/pict/6425d58dff1d36de-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/instruccio-pas-a-pas-per-canviar-la-mida-duna-imatge-per-enviar-a-traves-dun-correu-electronic/">Instrucció pas a pas per canviar la mida d'una imatge per enviar a través d'un correu electrònic</a></h3>
<div class="amp-related-meta">
Correu electrònic i missatgeria </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/millors-jocs-darcade-1982-peak-of-the-video-arcade/">Millors Jocs d'Arcade 1982: Peak of the Video Arcade</a></h3>
<div class="amp-related-meta">
Jocs </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ca.eyewated.com/rotoscopia-101/">
<amp-img src="https://exse.eyewated.com/pict/b2c93a70581a3582-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ca.eyewated.com/rotoscopia-101/">Rotoscòpia 101</a></h3>
<div class="amp-related-meta">
Programari i aplicacions </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 ca.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.243 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-10-03 21:42:19 -->
<!-- 0.002 -->