Etiquetas html
Páginas: 50 (12474 palabras)
Publicado: 19 de febrero de 2012
Elementos y etiquetas de HTML
Las etiquetas HTML son las encargadas de dar forma a nuestro sitio.
¿Qué son los elementos y las etiquetas de HTML?
Los elementos son declaraciones para visualizar o dar forma a una página Web.
Las etiquetas(en inglés: tags) son marcas insertadas en un documento HTML para proporcionar información sobre una unidad o contenido.
Reglas básicas
* Lasetiquetas están encerradas entre los signos "<" y ">".
* Generalmente vienen en pares <p> y <⁄p>.
* La primera es de apertura y la segunda de cierre.
* El texto que se encuentra entre dos etiquetas es el contenido del elemento.
* Las etiquetas no son sensibles a las mayúsculas y minúsculas, o sea <b> es lo mismo que <B>.
Etiquetas de HTML
Veamos unejemplo.
<html>
<head>
<title>Una página Web</title>
</head>
<body>
Hola a todos. <b>Este texto es en negrita</b>
</body>
</html>
Esta es una etiqueta HTML:
<b>Este texto es en negrita.</b>
El elemento HTML comienza con la etiqueta de apertura <b>(etiqueta que nos muestra el texto en negrita).
Elcontenido de dicho elemento es: Este texto es en negrita.
El fin del elemento HTML es con la etiqueta de cierre </b>.
Otro elemento HTML en el ejemplo es:
<body>
Hola a todos. <b>Este texto es en negrita</b>
</body>
EL elemento HTML comienza con la etiqueta de apertura <body>(etiqueta que define el cuerpo del documento).
El contenido de dicho elemento es:Hola a todos. <b>Este texto es en negrita</b>.
El fin del elemento HTML es con la etiqueta de cierre </body>.
¿Qué son los atributos de las etiquetas?
Muchas etiquetas llevan atributos. Los mismos proveen de mayor información a los elementos HTML.
* Los atributos siempre van con la estructura: nombre="valor".
* Los atributos siempre van en la etiqueta de apertura.* Los valores siempre hay que ponerlos entre comillas.
Un ejemplo de los atributos sería:
Código
<body bgcolor="#FFFF00">
Hola a todos. <b>Este texto es en negrita</b>
</body>
Resultado
Hola a todos. Este texto es en negrita
En la etiqueta <body> podemos observar el atributo bgcolor=(color de fondo) y el valor "#FFFF00"(representa el color amarilloen hexadecimal).
Esto quiere decir que el color de fondo de la página será amarillo.
Un consejo con respecto al uso de minúsculas.
Si bien HTML acepta tanto etiquetas en mayúscula <B> como en minúscula <b>, el World Wide Web Consortium (W3C) recomienda el uso de minúsculas. Además XHTML (la siguiente versión de HTML) acepta solo minúsculas.
Es por eso que recomendamosacostumbrarse a usar minúsculas cuando escribas sus códigos HTML.
Formato de texto con HTML
Elige como decorar y visualzar los textos de tu sitio.
Formato básico del texto
HTML nos permite definir el formato de visualización del texto en la pantalla.
Muy útil para cuando queramos resaltar o enfatizar una un texto en especial.
También muy usado para subrayar o escribir subíndices osuperíndices.
Estos son solo algunos ejemplos de lo que podemos hacer con estos elementos
Para ello utilizamos las siguientes etiquetas:
Código
<b>Texto en negrita</b>
<big>Texto grande</big>
<em>Texto enfatizado</em>
<i>Texto en itálica</i>
<small>Texto pequeño</small>
<strong>Texto fuerte</strong>
<sub>Textosubíndice</sub>
<sup>Texto superíndice</sup>
<ins>Texto subrayado</ins>
<del>Texto tachado</del>
<tt>Texto teletipo</tt>
Resultado
Texto en negrita Texto normal
Texto grande Texto normal
Texto enfatizado Texto normal
Texto en itálica Texto normal
Texto pequeño Texto normal
Texto fuerte Texto normal
Texto subíndice ...
Las etiquetas HTML son las encargadas de dar forma a nuestro sitio.
¿Qué son los elementos y las etiquetas de HTML?
Los elementos son declaraciones para visualizar o dar forma a una página Web.
Las etiquetas(en inglés: tags) son marcas insertadas en un documento HTML para proporcionar información sobre una unidad o contenido.
Reglas básicas
* Lasetiquetas están encerradas entre los signos "<" y ">".
* Generalmente vienen en pares <p> y <⁄p>.
* La primera es de apertura y la segunda de cierre.
* El texto que se encuentra entre dos etiquetas es el contenido del elemento.
* Las etiquetas no son sensibles a las mayúsculas y minúsculas, o sea <b> es lo mismo que <B>.
Etiquetas de HTML
Veamos unejemplo.
<html>
<head>
<title>Una página Web</title>
</head>
<body>
Hola a todos. <b>Este texto es en negrita</b>
</body>
</html>
Esta es una etiqueta HTML:
<b>Este texto es en negrita.</b>
El elemento HTML comienza con la etiqueta de apertura <b>(etiqueta que nos muestra el texto en negrita).
Elcontenido de dicho elemento es: Este texto es en negrita.
El fin del elemento HTML es con la etiqueta de cierre </b>.
Otro elemento HTML en el ejemplo es:
<body>
Hola a todos. <b>Este texto es en negrita</b>
</body>
EL elemento HTML comienza con la etiqueta de apertura <body>(etiqueta que define el cuerpo del documento).
El contenido de dicho elemento es:Hola a todos. <b>Este texto es en negrita</b>.
El fin del elemento HTML es con la etiqueta de cierre </body>.
¿Qué son los atributos de las etiquetas?
Muchas etiquetas llevan atributos. Los mismos proveen de mayor información a los elementos HTML.
* Los atributos siempre van con la estructura: nombre="valor".
* Los atributos siempre van en la etiqueta de apertura.* Los valores siempre hay que ponerlos entre comillas.
Un ejemplo de los atributos sería:
Código
<body bgcolor="#FFFF00">
Hola a todos. <b>Este texto es en negrita</b>
</body>
Resultado
Hola a todos. Este texto es en negrita
En la etiqueta <body> podemos observar el atributo bgcolor=(color de fondo) y el valor "#FFFF00"(representa el color amarilloen hexadecimal).
Esto quiere decir que el color de fondo de la página será amarillo.
Un consejo con respecto al uso de minúsculas.
Si bien HTML acepta tanto etiquetas en mayúscula <B> como en minúscula <b>, el World Wide Web Consortium (W3C) recomienda el uso de minúsculas. Además XHTML (la siguiente versión de HTML) acepta solo minúsculas.
Es por eso que recomendamosacostumbrarse a usar minúsculas cuando escribas sus códigos HTML.
Formato de texto con HTML
Elige como decorar y visualzar los textos de tu sitio.
Formato básico del texto
HTML nos permite definir el formato de visualización del texto en la pantalla.
Muy útil para cuando queramos resaltar o enfatizar una un texto en especial.
También muy usado para subrayar o escribir subíndices osuperíndices.
Estos son solo algunos ejemplos de lo que podemos hacer con estos elementos
Para ello utilizamos las siguientes etiquetas:
Código
<b>Texto en negrita</b>
<big>Texto grande</big>
<em>Texto enfatizado</em>
<i>Texto en itálica</i>
<small>Texto pequeño</small>
<strong>Texto fuerte</strong>
<sub>Textosubíndice</sub>
<sup>Texto superíndice</sup>
<ins>Texto subrayado</ins>
<del>Texto tachado</del>
<tt>Texto teletipo</tt>
Resultado
Texto en negrita Texto normal
Texto grande Texto normal
Texto enfatizado Texto normal
Texto en itálica Texto normal
Texto pequeño Texto normal
Texto fuerte Texto normal
Texto subíndice ...
Leer documento completo
Regístrate para leer el documento completo.