Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Dan_SB en 01 de Mayo 2015, 05:02

Título: ¿Por qué algunas etiquetas no tienen cierre en HTML? Ejercicio CU00716B tutorial
Publicado por: Dan_SB en 01 de Mayo 2015, 05:02
Buenas noches! 

Vengo a presentar el ejercicio del capitulo 16 del curso html desde 0. El primero era este:

A modo de ejercicio, reescribe el código de los ejemplos que mostramos a continuación usando la sintaxis basada en estilos y compara los resultados de visualizar ambas formas de escritura en tu navegador.

Ejemplo 1

Franja de grosor 5 píxeles, de un ancho del 50% y alineada al centro.

<hr size="5px" width="50%" align="center" color="red"/>


Corregido seria:
Código: [Seleccionar]
<hr style="size: 5px; width: 50%; align: center; color: red;"></hr>
Ejemplo 2

Franja de grosor  2 píxeles, de ancho 80%, sin sombra y alineada a la derecha.

<hr size="2px" width="80%" noshade="noshade" align="right" />


Corregido sera:
Código: [Seleccionar]
<hr style="size: 2px; width: 80%; noshade: noshade; align: right;"></hr>
Saludos!
Título: Re:Ejercicio(CU00716B), html desde 0
Publicado por: Mastermind en 01 de Mayo 2015, 21:56
Buenas Dan_SB

En css no existe propiedad align, lo único que podrías usar es <hr style="size: 5px; width: 50%; text-align: center; color: red;"></hr>

text-align sí es una propiedad css.

También ten en cuenta que aunque la mayoría de las etiquetas html se abren y se cierran como <p> un texto </p> hay algunas etiquetas que no se cierran explícitamente.

¿Cómo saber cuáles son las etiquetas que se cierran y las que no se cierran? Hay que aprendérselo.

In HTML, the <hr> tag has no end tag.
In XHTML, the <hr> tag must be properly closed, like this: <hr />.

Lo que dice esto es que la etiqueta hr puedes escribirla de dos maneras, o bien <hr> o bien <hr/> pero no debes escribir <hr> </hr>

La mayoría de las etiquetas se abren y cierran (div, p, span, form, body, html, head, y algunas más).

No se cierran br, hr ni input ni algunas más.

No trates de aprenderte todo esto de golpe, hay que irlo aprendiendo a base de practicar

 ;D
Título: Re:Ejercicio(CU00716B), html desde 0
Publicado por: Dan_SB en 02 de Mayo 2015, 03:25
Listo! muchas gracias mastermind! :)