O que necesitas saber sobre etiquetas HTML
O HTML é o idioma da web. As páxinas web que ves no teu computador ou teléfono, incluído este, están escritas en linguaxe de marcación de hipertexto co que se coñece como "etiquetas HTML". Podes pensar en HTML como o "código sub-the-hood" que controla a estrutura dunha páxina web.
Ao final, cando aprende algunha nova lingua, comeza con frases sinxelas e construír a partir de aí. Aprender sobre HTML non é diferente. Comezarás co dominio das etiquetas HTML comúns. Este é o equivalente a aprender "frases sinxelas" nunha lingua falada. Estas frases convértense en fundamentos nos que construíches o teu coñecemento e fala, así como as etiquetas HTML son a base que construirá as túas habilidades de desenvolvemento web.
Formato de etiqueta HTML
Pode recoñecer unha etiqueta HTML porque está rodeada dos caracteres ao comezo e ao final da etiqueta. Entre estes dous personaxes atoparíase outro texto que define o tipo de etiqueta HTML que se está a escribir. Por exemplo, se sabe que "hr" significa regra horizontal (ou liña), escribirías isto para a etiqueta HTML:
Acaba de escribir unha etiqueta HTML que debuxa unha regra horizontal nunha páxina web.
A maioría das etiquetas HTML aparecen en parellas. Sitúanse ao comezo e ao final dunha sección de texto para dictar o contido que conteñen. Estes pares de etiquetas forman o elemento HTML s. Cando aprende isto e son as etiquetas de apertura e de peche para facer o texto en negra, comeza a entender como as etiquetas HTML afectan o aspecto do texto nunha páxina web.
Esta oración aparecerá en negrita debido ás etiquetas.
Teña en conta que a etiqueta forte de peche (que significa "énfase forte e que, por defecto, fai que o texto sexa en negra) é idéntico á etiqueta de apertura en negra excepto que inclúe unha barra na etiqueta. Este é o formato que segue a maioría Etiquetas HTML. A etiqueta de apertura e as etiquetas de peche son iguais, coa adición dunha barra na pechadura que segue o primeiro
Combinacións de etiquetas HTML
As etiquetas HTML úsanse frecuentemente en combinación. As etiquetas de apertura e de peche para o texto acentuado (cursiva) son e . Engadindo as etiquetas cursivas a unha única palabra no exemplo de oración en negra fai que a palabra que aparece sexa negra e cursiva na páxina web.
Esta oración aparecerá en negrita debido ás etiquetas.
Sempre que varias etiquetas se usan xuntas nun elemento dunha páxina web, con algunhas etiquetas que aparecen dentro de outras, denomínanse etiquetas HTML aniñadas. Debe lembrar que unha etiqueta anidada, que son as etiquetas dentro doutros, debe estar pechada antes de que se poidan pechar as etiquetas que conteñan. Mire este exemplo:
Este é un texto que é destacado por un motivo específico.
Debe notar que a etiqueta está aberta dentro do , o que significa que debe estar pechado antes de que apareza a etiqueta de pechadura . Pense nas etiquetas aniñadas como caixas dentro doutras caixas. As caixas interiores deben estar pechadas antes do seu exterior, contendo caixas.
Etiquetas HTML e páxinas web
Hai decenas de etiquetas HTML en HTML válido. Algunhas etiquetas HTML ditan elementos básicos moi comúns como parágrafos, mentres que outros son máis complicados e engádense máis funcionalmente, como ligazón ou etiquetas "ancora". Unha lista de etiquetas HTML dá unha instantánea das moitas etiquetas de funcións que poden realizar nunha páxina web usando etiquetas.
Hai tamén algunhas etiquetas que son necesarias de todas as páxinas web. Ao crear a primeira páxina, empregará a etiqueta , que comeza unha páxina web;
que lle indica ao navegador o que se amosará na parte superior do panel do navegador e <body>, onde vai toda a información da páxina web e é a parte máis grande da súa páxina. </p>
<p> Unha lista de etiquetas HTML non axuda moito ata que pasou por un tutorial en HTML, pero despois de facer, pode usar etiquetas HTML para crear a súa propia páxina web. Unha nota, non che abraña a cantidade de etiquetas HTML posibles. Aínda que hai centos de etiquetas posibles para usar, a realidade é que é probable que só use un puñado delas unha e outra vez. De feito, hai algunhas etiquetas HTML que nunca usei nin unha soa vez nas miñas décadas de traballo de deseño web. </p>
<h3> Etiquetas predefinidas </h3><p> <a href="https://gl.eyewated.com/referencia-html-5-etiquetas-html-5-alfabeticamente/">HTML5</a> é o estándar de marca actual. Algunhas das etiquetas que se usaron nas versións anteriores de HTML agora están manexadas por follas de estilo en HTML5. As etiquetas HTML obsoletas elimináronse das especificacións HTML. É mellor non usar ningunha etiqueta obsoleta. </p>
<p> Artigo orixinal de Jennifer Krynin. Editado por Jeremy Girard o 17/2/17 </p>
</div>
<div class="amp-related-wrapper">
<h2>Alike posts</h2>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/listas/">
<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://gl.eyewated.com/listas/">Listas</a></h3>
<div class="amp-related-meta">
Deseño web e Dev </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/editores-de-html-e-editores-de-paxinas-web/">Editores de HTML e editores de páxinas web</a></h3>
<div class="amp-related-meta">
Deseño web e Dev </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/como-incluir-html-en-moitos-documentos-usando-javascript/">Como incluír HTML en moitos documentos usando JavaScript</a></h3>
<div class="amp-related-meta">
Deseño web e Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/comentarios-sobre-comentarios/">
<amp-img src="https://exse.eyewated.com/pict/fbec9317d5d73059-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/comentarios-sobre-comentarios/">Comentarios sobre comentarios</a></h3>
<div class="amp-related-meta">
Deseño web e Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/como-nomear-arquivos-html/">
<amp-img src="https://exse.eyewated.com/pict/70e20e2509a62ffb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/como-nomear-arquivos-html/">Como nomear arquivos HTML</a></h3>
<div class="amp-related-meta">
Deseño web e Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/como-converter-un-documento-de-word-a-html/">
<amp-img src="https://exse.eyewated.com/pict/aea5b69ee3ce2fdb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/como-converter-un-documento-de-word-a-html/">Como converter un documento de Word a HTML</a></h3>
<div class="amp-related-meta">
Deseño web e Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/como-engadir-un-atributo-a-unha-etiqueta-html/">
<amp-img src="https://exse.eyewated.com/pict/d4682442f4973814-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/como-engadir-un-atributo-a-unha-etiqueta-html/">Como engadir un atributo a unha etiqueta HTML</a></h3>
<div class="amp-related-meta">
Deseño web e Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/engadindo-etiquetas-html/">
<amp-img src="https://exse.eyewated.com/pict/367b942e8c6c34aa-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/engadindo-etiquetas-html/">Engadindo etiquetas HTML</a></h3>
<div class="amp-related-meta">
Deseño web e Dev </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/non-se-requiren-etiquetas-de-clausura/">Non se requiren etiquetas de clausura</a></h3>
<div class="amp-related-meta">
Deseño web e Dev </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>See Newest</h2>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/podo-recuperar-ficheiros-dun-disco-duro-morto/">
<amp-img src="https://exse.eyewated.com/pict/06a91ba792ef33fd-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/podo-recuperar-ficheiros-dun-disco-duro-morto/">Podo recuperar ficheiros dun disco duro morto?</a></h3>
<div class="amp-related-meta">
Software e aplicacións </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/teno-un-novo-android-aqui-tes-que-facer-co-vello-dispositivo/">
<amp-img src="https://exse.eyewated.com/pict/8b65c479802135b5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/teno-un-novo-android-aqui-tes-que-facer-co-vello-dispositivo/">Teño un novo Android? Aquí tes que facer co vello dispositivo</a></h3>
<div class="amp-related-meta">
</div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/traballo-mobil-que-e-un-punto-de-acceso-wi-fi/">
<amp-img src="https://exse.eyewated.com/pict/afa89044458135a4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/traballo-mobil-que-e-un-punto-de-acceso-wi-fi/">Traballo móbil: que é un punto de acceso Wi-Fi?</a></h3>
<div class="amp-related-meta">
Internet e rede </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/como-facer-chamadas-gratuitas-e-baratas-no-seu-galaxy-tab/">
<amp-img src="https://exse.eyewated.com/pict/96f65362a09037ac-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/como-facer-chamadas-gratuitas-e-baratas-no-seu-galaxy-tab/">Como facer chamadas gratuitas e baratas no seu Galaxy Tab</a></h3>
<div class="amp-related-meta">
Correo e mensaxería </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/como-xestionar-as-suas-fontes-en-windows/">
<amp-img src="https://exse.eyewated.com/pict/bd164cdf2b43334e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/como-xestionar-as-suas-fontes-en-windows/">Como xestionar as súas fontes en Windows</a></h3>
<div class="amp-related-meta">
Software </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/que-aspecto-ten-o-interior-do-teu-pc/">
<amp-img src="https://exse.eyewated.com/pict/d30a1f574f19349e-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/que-aspecto-ten-o-interior-do-teu-pc/">¿Que aspecto ten o interior do teu PC?</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>Sapid posts</h2>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/como-atopar-libros-de-dominio-publico-en-lina/">
<amp-img src="https://exse.eyewated.com/pict/37a1a7c74139316d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/como-atopar-libros-de-dominio-publico-en-lina/">Como atopar libros de dominio público en liña</a></h3>
<div class="amp-related-meta">
Web e busca </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/o-que-ven-dentro-do-nintendo-2ds-box/">
<amp-img src="https://exse.eyewated.com/pict/759eea7a031d3376-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/o-que-ven-dentro-do-nintendo-2ds-box/">O que vén dentro do Nintendo 2DS Box?</a></h3>
<div class="amp-related-meta">
Xogos de azar </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/adobe-experience-design-tricks-tips-e-tecnicas/">
<amp-img src="https://exse.eyewated.com/pict/1c42684cae65303b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/adobe-experience-design-tricks-tips-e-tecnicas/">Adobe Experience Design Tricks, Tips e Técnicas</a></h3>
<div class="amp-related-meta">
Software </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/que-e-un-blockquote/">
<amp-img src="https://exse.eyewated.com/pict/22ac97c040112fe9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/que-e-un-blockquote/">Que é un Blockquote?</a></h3>
<div class="amp-related-meta">
Deseño web e Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/cambiar-o-asunto-dun-subproceso-cando-o-tema-cambie/">
<amp-img src="https://exse.eyewated.com/pict/b65d7b820b0639da-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/cambiar-o-asunto-dun-subproceso-cando-o-tema-cambie/">Cambiar o asunto dun subproceso cando o tema cambie</a></h3>
<div class="amp-related-meta">
Correo e mensaxería </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/revision-tripp-lite-smart1500lcd/">
<amp-img src="https://exse.eyewated.com/pict/131925a1173b391f-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/revision-tripp-lite-smart1500lcd/">Revisión Tripp Lite SMART1500LCD</a></h3>
<div class="amp-related-meta">
Comentarios do produto </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/as-8-mellores-camaras-de-gran-resolucion-para-comprar-en-2018/">As 8 mellores cámaras de gran resolución para comprar en 2018</a></h3>
<div class="amp-related-meta">
Guías de compra </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/gnutella-p2p-free-sharing-e-descarga-de-ficheiros-de-rede/">
<amp-img src="https://exse.eyewated.com/pict/b8266fe2257d3350-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/gnutella-p2p-free-sharing-e-descarga-de-ficheiros-de-rede/">Gnutella P2P Free Sharing e descarga de ficheiros de rede</a></h3>
<div class="amp-related-meta">
Internet e rede </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/as-mellores-alternativas-a-adobe-creative-cloud-para-desenadores/">
<amp-img src="https://exse.eyewated.com/pict/429a018794923419-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/as-mellores-alternativas-a-adobe-creative-cloud-para-desenadores/">As mellores alternativas a Adobe Creative Cloud para deseñadores</a></h3>
<div class="amp-related-meta">
Software </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/como-funcionan-as-direccions-de-enderezos-de-internet/">
<amp-img src="https://exse.eyewated.com/pict/bf14958e39383103-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/como-funcionan-as-direccions-de-enderezos-de-internet/">Como funcionan as direccións de enderezos de Internet</a></h3>
<div class="amp-related-meta">
Internet e rede </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/esqueciches-o-teu-id-de-apple-como-restaura-lo-en-poucos-pasos-faciles/">
<amp-img src="https://exse.eyewated.com/pict/443c332151fa3765-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/esqueciches-o-teu-id-de-apple-como-restaura-lo-en-poucos-pasos-faciles/">Esqueciches o teu ID de Apple? Como restaura-lo en poucos pasos fáciles</a></h3>
<div class="amp-related-meta">
IPhone e iPod </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/como-copiar-o-enderezo-web-dunha-imaxe-url-en-safari/">
<amp-img src="https://exse.eyewated.com/pict/8f2c012f56bb42dd-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/como-copiar-o-enderezo-web-dunha-imaxe-url-en-safari/">Como copiar o enderezo web dunha imaxe (URL) en Safari</a></h3>
<div class="amp-related-meta">
Correo e mensaxería </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/que-e-un-ficheiro-de-dm/">
<amp-img src="https://exse.eyewated.com/pict/9a8881a2f07930f2-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/que-e-un-ficheiro-de-dm/">¿Que é un ficheiro de DM?</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/como-atopar-os-seus-contrasinais-wi-fi-gardados-en-windows/">
<amp-img src="https://exse.eyewated.com/pict/80ba69f9629e338a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/como-atopar-os-seus-contrasinais-wi-fi-gardados-en-windows/">Como atopar os seus contrasinais Wi-Fi gardados en Windows</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/unha-vision-xeral-das-visualizacions-de-mobiles/">
<amp-img src="https://exse.eyewated.com/pict/b7ceb7d1389b36f0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/unha-vision-xeral-das-visualizacions-de-mobiles/">Unha visión xeral das visualizacións de móbiles</a></h3>
<div class="amp-related-meta">
Nova e seguinte </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://gl.eyewated.com/que-e-unha-clave-de-rexistro/">
<amp-img src="https://exse.eyewated.com/pict/b582cf9458f23640-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://gl.eyewated.com/que-e-unha-clave-de-rexistro/">¿Que é unha clave de rexistro?</a></h3>
<div class="amp-related-meta">
Windows </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 gl.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.256 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-10-03 22:12:29 -->
<!-- 0.002 -->