Mostrando entradas con la etiqueta html 5. Mostrar todas las entradas
Mostrando entradas con la etiqueta html 5. Mostrar todas las entradas

jueves, 21 de mayo de 2020

Comentarios HTML - Curso HTML 5 Básico - Capítulo 5

Comentarios HTML

comentarios html


Los comentarios los podemos utilizar para dos cosas, para organizar las diferentes secciones de las páginas web y para anular elementos sin eliminarlos.



Todo lo que se encuentre comentado en una página HTML será ignorado por los navegadores web.

En el ejemplo de abajo, todo el contenido de color gris es un comentario.
Tenemos por un lado <!-- Títulos --> <!-- Párrafos --> son únicamente comentarios que orientan al creador de la página o a otros desarrolladores con un orden, para que todo esté más leíble y organizado. 



En el comentario multilínea de abajo, se anula por completo el párrafo que entero.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Comentarios HTML</title>
</head>

<body>

<!--Títulos-->
<h2>
<h1>Título de la página</h1>
<h2>Subtítulo de la página</h2>


<!--Párrafos-->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum
.
<p>
<!-- <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur,
adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem
vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
</p>
-->
</body> </html>

Para más información te recomiendo ver el vídeo de arriba.








jueves, 23 de mayo de 2019

Párrafos HTML - Etiqueta

[Sintaxis - Ejemplos - Ejercicios]

Párrafos HTML - Etiqueta <p>

HTML 5 párrafos

Para escribir un simple párrafo en HTML solo tenemos que hacer uso de la etiqueta <p></p>.


Ejemplo de párrafos HTML

<body>
 
 <p>Esto es un párrafo.</p>
 <p>Y este es otro.</p>

</body>

Resultado del ejemplo
párrafo html
Fíjate como el navegador deja por defecto un espacio entre párrafo y párrafo.
Si tu párrafo ocupa varias líneas, quedará así:
<body>
 
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Fusce dictum sed neque vel blandit. Integer finibus tristique elit.
    Curabitur ac erat nec mi dapibus aliquet.</p>
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Fusce dictum sed neque vel blandit. Integer finibus tristique elit.
    Curabitur ac erat nec mi dapibus aliquet.</p>

</body>

Resultado del ejemplo
etiqueta <p> html
Haz click en la imagen para agrandarla.
Pese a no haber dejado ningún espacio entre los párrafos, el navegador genera el texto con ellos. También, cada párrafo tiene tres líneas en el código, pero en el navegador solo dos, esto es porque los párrafos se adaptan al tamaño de las pantallas.

Mira esta imagen, así es como se ve el mismo código interpretado en una pantalla de movil, en este caso, un Iphone X.
iphone x navegador resolucion
En capítulos posteriores veremos las etiquetas <br> para hacer saltos de línea y <pre> para poder formatear el texto a nuestro gusto.

Ejercicios prácticos

1- Crea una página con 3 párrafos.
2- Escribe un texto sin etiquetas dentro del <body></body> y observa lo que pasa.