¡GoConqr estrena diseño! Cuéntanos qué te parece.

Módulo 4 de 4 · Mapa mental

Unidad 4 - HTML y sus caracteristicas

Vicente Garcés Aráuz

El formato de las etiquetas HTML

Las etiquetas HTML se escriben encerradas entre ángulos. Normalmente se utilizan dos etiquetas: una de inicio y otra de fin para indicar que ha terminado el efecto que queríamos presentar. La única diferencia entre ambas es que la de cierre lleva una barra inclinada "/" antes del código. 

<etiqueta>texto que presentará el efecto</etiqueta>
Por ejemplo:<b>Esto va en negrita</b> lo veremos así: Esto va en negrita

Es probable que una de las primeras preguntas que te hagas sea si es obligatorio escribir las etiquetas en minúsculas o en mayúsculas.

Hoy por hoy es indiferente escribirlas de una u otra manera: salvo raras excepciones los navegadores las interpretan correctamente en ambos casos.

Sin embargo, las últimas especificaciones emitidas por el W3C indican la necesidad de que vayan escritas siempre en minúsculas para considerar que el documento está correctamente creado. Así pues ya que es algo que no nos cuesta trabajo acataremos la norma emitida por el W3C.

La estructura básica de una página WEB

Para que un navegador reconozca que lo que está viendo es una página WEB se utiliza la siguiente estructura:

<html> (Etiqueta que indica que lo que viene a continuación es un documento HTML)

<head>(Etiqueta de apertura de la cabecera)
Aquí va la información sobre el título de la página, el autor, palabras clave, etc. que no se presentarán en la ventana del navegador, salvo el título que aparecera en la barra de título de la parte superior 
</head>(Etiqueta de cierre de la cabecera)

<body>(Etiqueta de apertura del cuerpo) 
Aquí va el contenido de la página que será lo que se presente en pantalla. 
</body>(Etiqueta de cierre del cuerpo)

</html>(Etiqueta de cierre del documento)

Antes de comenzar los ejercicios prácticos crea una carpeta con el nombre "CursoHTML" para poder almacenar en ella el resultado de tu trabajo. 

 

  • Abrir el bloc de notas. 
  • Escribir las etiquetas necesarias para crear el documento HTML. 
  • Darle contenido al cuerpo escribiendo un renglón y pulsando la tecla INTRO para saltar al siguiente párrafo. 
  • Escribir otro renglón y pulsar dos veces la tecla INTRO. 
  • Escribir un tercer renglón y salvar el fichero en la carpeta CursoHTML con el nombre practica1.htm cambiando el tipo a Todos los archivos (*.*). 
  • Cargar en el navegador el documento que acabamos de salvar y comprobar los resultados.

Instrucciones

Para avanzar en el curso, envía un intento de este test. Puedes enviarlo después de la última pregunta.

Ir al módulo elegido

Escríbenos

¿Sobre qué es tu mensaje?

¿Qué te parece el nuevo diseño?

¿Te gusta?