Respuesta a dudas típicas cuando aprendemos html por primera vez

Respuesta a dudas típicas cuando aprendemos html por primera vez

Print Friendly, PDF & Email
Respuesta a dudas típicas cuando aprendemos html por primera vez
Valora esta entrada
Cuando aprendes HTML por primera vez se presentan dudas lógicas fruto de nuestra inseguridad.

Desafortunadamente en la red, en muchas ocasiones no encontramos las respuestas que necesitamos.

Tener la respuesta a nuestras preguntas en el momento adecuado es la diferencia entre ser autodidacta y/o asistir a una formación con un profesor que nos pueda orientar.

La respuesta por experimentación suele ser la mejor.

Sin embargo no siempre tenemos la suficiente claridad de ideas (o seguridad en nosotros mismos) para encontrar respuestas a nuestras dudas.

En esta publicación comparto algunas preguntas con las que me encuentro a menudo.

Profesor, la numeración de las líneas en el Sublime (Brackets) no me queda exactamente igual que a ti.

No pasa absolutamente nada. Llegado el momento de renderizar una web los navegadores no tienen en cuenta los saltos de línea que no estén dentro de ninguna etiqueta.

Sin embargo, si forzáis al navegador a mostrar el código fuente de la web veréis que si aparecen las líneas que hubierais dejado en el sublime, brackets (o programa de edición de código que uséis).

En el ejemplo siguiente el resultado en el navegador será exactamente el mismo en los 2 casos.

el resultado final es el mismo en los 2 casos
El resultado final es el mismo en los 2 casos

¿Si en el sublime dejo más saltos de línea habrá mayor separación entre párrafos?

No.

El html sólo afecta a la estructura del contenido web. No a los aspectos estéticos que se controlan mediante CSS.

El navegador tiene definidos de serie unos estilos por defecto. Salvo que digamos lo contrario la distancia entre letras, el tamaño de fuente, el color del texto… y muchas otras propiedades son las que Chrome, Safari, Mozilla, Opera o otros programadores hayan decidido de fábrica.

¿Puedo dejar espacios en blanco dentro de las marcas de una etiqueta?

La siguiente expresión es incorrecta. No debemos dejar espacios en blanco.

<p > Detrás de la p  y detrás de la contrabarra hay un espacio en blanco dejado expresamente. Es incorrecto</ p>

Algunos navegadores son capaces de detectar el error y lo muestran correctamente por pantalla.

Sin embargo si exploráis el código fuente desde el navegador veréis que ante la duda el navegador siempre deja el original en el código fuente.

¿Por qué no escribo contenido dentro de la etiqueta head?

La etiqueta <head> sirve para indicar información técnica a los navegadores.

El contenido web debe ir dentro de la etiqueta <body>

¿En que lugares no puedo escribir html?

Es incorrecto escribir el html en lugares que no están pensados para ello.

<!DOCTYPE html>
<!--lugar prohibido para escribir html-->
<html>
    <!--lugar prohibido para escribir html-->
	<head>
		<title>Lugares prohibidos html</title>
	</head>
	<!--lugar prohibido para escribir html-->
	<body>

	</body>
    <!--lugar prohibido para escribir html-->
</html>

Francesc, ¿Qué puedo hacer si no estás para revisarme el código?

La mejor forma de aprender es cometiendo errores y ver dónde te has equivocado.

El W3C tiene por ejemplo a disposición de quién lo quiera usar un validador de código fantástico que te dirá absolutamente todo. No falla.

Dirígete a esta entrada para saber cómo hacerlo.

¡Hola!

Querido lector,

Los validadores html te ayudarán a ganar seguridad en ti mismo. Úsalos sin miedo, ¡son gratis!

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

Entradas relacionadas:

Conversión de un xhtml a htm5. Continuación ejercicio capas html.
- 36
Ejercicio en el que se aplican etiquetas html5 a un documento creado a partir de div e id. Incluye solución.
LibrosWeb ahora es UniWebSidad
- 204
LibrosWeb, una de las mejores referencias en Internet para aprender web, se ha reciclado tras 12 años de existencia. ¡Mi enhorabuena!
Meta etiquetas en HTML : meta tags
- 654
Las meta etiquetas son un tipo de tags que se escriben en la cabecera de un documento web que aportan información técnica a los motores de búsqueda sobre como deben leer nuestro sitio web. Vemos los t...
Como indicar a Google la modificación y corrección de contenidos mediante html
- 118
Cuando escribes contenidos en Internet es inevitable cometer errores. ¿Sabes como corregirlos semánticamente para que los navegadores se enteren de que has escrito una corrección o actualización?
Ejercicio html etiquetas de texto nivel intermedio
- 62
Ejercicio html para practicar las etiquetas html de texto. Tanto las más típicas como otras menos usadas igualmente importantes. Incluye solución.
Cuidado con los tutoriales pdf obsoletos sobre html, css y javascript
- 60
En internet se encuentra mucho material de gran calidad para aprender lenguajes como html, css, y javascript. ¿Pero todos los pdf sirven?
Etiquetas html para escribir tablas. Olvídate de atributos obsoletos.
- 854
El uso de tablas html es un clásico dentro del mundo web.  Se usan como recurso para introducir datos en un documento web y nunca para maquetar. ¡O así debería ser! Veamos thead, tbody, tfoot, caption...
Etiquetas básicas introductoras al html5
- 915
Existen 2 formas de aprender el html. Uno es ir desde las etiquetas más antiguas y obsoletas hacia las más modernas del html5 o viceversa. Yo soy partidario de aprender html5 directamente y hacer borr...
Qué es un favicon y para que sirve
- 177
¿Eres de los que se fija en todos los detalles de una página web cuando navega? Entonces el favicon es para ti. En esta entrada te explico que es y para que sirve.
Formatos de imagen png, gif, jpg y svg. ¿Cuándo usarlos?
- 52
¿Que formato de imagen usar? Influye la velocidad de carga, las transparencias, animaciones y la seguridad. Resumo las ideas clave.
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.