Tutorial Monsters - Diseño Web, Photoshop, Wordpress, CSS, Lightroom
  • Html5
  • CSS3
  • PHP
  • Photoshop
  • WordPress
  • SEO
  • eCommerce
  • Marketing
  • Store
Sin Resultado
Ver Todos los Resultados
Tutorial Monsters - Diseño Web, Photoshop, Wordpress, CSS, Lightroom
  • Html5
  • CSS3
  • PHP
  • Photoshop
  • WordPress
  • SEO
  • eCommerce
  • Marketing
  • Store
Sin Resultado
Ver Todos los Resultados
Tutorial Monsters - Diseño Web, Photoshop, Wordpress, CSS, Lightroom
Sin Resultado
Ver Todos los Resultados
Home Webmaster Html

Elementos y etiquetas de HTML

11 diciembre, 2010
en Html
0
Muestra el número de fans de tu página en facebook en WordPress
Share on FacebookShare on Twitter

Resumen del Contenido

  • ¿Qué son los elementos y las etiquetas de HTML?
  • Reglas básicas de las etiquetas HTML
  • Etiquetas de HTML
  • ¿Qué son los atributos de las etiquetas?
  • Un consejo con respecto al uso de minúsculas.

¿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 son marcas insertadas en un documento HTML para proporcionar información sobre una unidad o contenido.

Reglas básicas de las etiquetas HTML

  • Las etiquetas están encerradas entre los signos «<» y «>«.
  • Las etiquetas 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 con este ejemplo las etiquetas de HTML.

<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).

El contenido de dicho elemento es: Este texto es en negrita.

El fin del elemento HTML es con la etiqueta de cierre </b>.

En la siguiente imagen tenemos un ejemplo de la etiqueta de párrafo, <p>

esquema elementos html

Otro elemento HTML en el ejemplo es:

<body>
<p>Hola a todos. <b>Este texto es en negrita</b></p>
</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 amarillo en 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 recomendamos acostumbrarse a usar minúsculas cuando escriba sus códigos HTML.

Etiquetas: atributosetiquetashexadecimalHTMLW3C
ANUNCIO
Post anterior

Introducción al HTML

Próximo Post

Html: Formato básico de texto

Otros Posts

Web semantica con HTML5

Enlace para llamar por teléfono HTML5

13 marzo, 2016
1

¿Sabes marcar un número de teléfono desde un enlace? Te decimos como hacerlo con una etiqueta HTML5

Manual HTML: Cómo crear y hacer tablas en HTML (con ejemplos prácticos)

Manual HTML: Cómo insertar espacios en blanco y saltos de línea

20 febrero, 2016
0

Continuamos con nuestro manual de HTML, en esta ocasión veremos los espacios en blanco y los saltos de línea. en su día ya vimos como dar formato básico a un texto con HTML, hoy terminaremos...

Recomendados

0 to 255: encuentra variaciones de colores para la web

Modos de color: RGB & CMYK

9 abril, 2013
6 pasos para limpiar tu Sitio Web de Malware

6 errores comunes en la estructura de una web y cómo evitarlos

13 julio, 2020
Manual HTML: Cómo crear y hacer tablas en HTML (con ejemplos prácticos)

Html: Listas

19 diciembre, 2010
Como acceder a la administración de WordPress

Controla fácilmente todos tus wordpress con WP remote

26 febrero, 2012

Tutotial Monsters

Somos un equipo creativo apasionado por brindar los mejores recursos gratuitos y premium a la comunidad de diseño.
PADAWAN

  • Home
  • Política de privacidad
  • Política de Cookies
  • Aviso Legal
  • Contactar

© 2020 Tutorial Monsters - Estamos para Colaborar SEOConsultora.

Sin Resultado
Ver Todos los Resultados
  • Html5
  • CSS3
  • PHP
  • Photoshop
  • WordPress
  • SEO
  • eCommerce
  • Marketing
  • Store
Este sitio web utiliza cookies. Al continuar utilizando este sitio web, usted da su consentimiento para que se utilicen cookies. Visite nuestra Política de privacidad y cookies .