Conceptos B Sicos De HTML

¿Por qué aprender HTML?
Cada página web que mirás está escrita en un lenguaje llamado HTML. HTML es como un esqueleto que le da estructura a cada página web. En este curso, usaremos HTML para añadir párrafos, encabezados, imágenes y enlaces a una página web.
En el editor que podés ver a la derecha hay una pestaña llamada test.html. Este es el archivo en el cual vamos a escribir nuestro HTML.¿Ves el código con los símbolos <>? Eso es HTML. Como cualquier otro lenguaje, tiene su propia sintaxis (reglas para la comunicación) especial.
Cuando hacemos clic en “Guardar y enviar”, la ventana de resultados actúa como un navegador de Internet (como por ej. Chrome, Firefox, Internet Explorer). La función de un navegador es transformar el código que está en test.html en una página web reconocible.El navegador sabe cómo distribuir la página siguiendo la sintaxis HTML.
Instrucciones
1. A la derecha tenemos un archivo test.html.
2. Cambiá el texto de la línea 2 (la partecita que aparece entre y ) por lo que quieras.
3. Hacé clic en “Guardar y enviar” y vas a ver cómo se vería en un navegador el archivo test.html. ¿Viste? Las etiquetas resaltaron nuestrotexto con letra negrita.

¿Te trabaste? ¡Te damos un consejo!

Si no sabés cómo cambiar el texto de la línea 2, ¿qué te parece si cambiás la oración Podés cambiar este texto si querés por Estoy aprendiendo HTML?
No cambies ni elimines las partecitas que dicen . Ya te vamos a explicar para qué sirven.



HTML y CSS
HTML significa Hyper Text Markup Language (Lenguaje de marcado dehipertexto). Hipertexto quiere decir "texto que contiene enlaces". Cada vez que hacés clic en una palabra que te lleva a otra página web, estás haciendo clic en un hipertexto.
Un lenguaje de marcado es un lenguaje de programación usado para que el texto haga algo más que aparecer en una página: puede convertir texto en imágenes, enlaces, cuadros, listas, y mucho más. El lenguaje de marcado queaprenderemos es HTML.
¿Qué es lo que hace que una página web sea linda? Las CSS – Cascading Style Sheets – (Hojas de estilo en cascada). Imaginate que es la piel y el maquillaje que cubre los huesos del HTML. Primero vamos a aprender HTML y después, en otros cursos, nos vamos a ocupar de las CSS.
Lo primero que debemos hacer es configurar el esqueleto de la página.
a. Escribí siempre en la primera línea. Esto le dice al navegador qué lenguaje está leyendo (en este caso, HTML).
b. Escribí siempre en la línea siguiente. Esto comienza el documento de HTML.
c. Escribí siempre en la última línea. Esto finaliza el documento de HTML.



Instrucciones
1. Colocá las tres líneas que mencionamos arriba, en la pestaña test.html que ahora está vacía.
2. Entre la segunda yla última línea (entre y ) podés escribir cualquier mensaje que quieras.


¿Te trabaste? ¡Te damos un consejo! Consejo

En HTML es importante el orden en el que pongas las cosas, pero el formato (p.ej., los espacios en blanco) no es importante desde un punto de vista técnico.
Sin embargo, vas a notar que hay un patrón en la forma en que se usan los espacios en cada línea del HTML.Esto sirve para mejorar la lectura y nos ayuda a detectar errores. Más adelante vamos a hablar sobre los espacios.




Terminología básica
Para aprender más HTML, debemos aprender cómo hablar sobre HTML. Ya viste que usamos mucho los símbolos <>.
1. El texto dentro de <> se llama etiqueta.
2. Las etiquetas casi siempre vienen de a pares: una etiqueta de inicio y una etiqueta de cierre.
3. Unejemplo de una etiqueta de inicio es:
4. Un ejemplo de una etiqueta de cierre es:
Imaginá que las etiquetas son como paréntesis; cuando abrís uno, después tenés que cerrarlo. Las etiquetas también pueden anidarse, así que tenés que cerrarlas en el orden correcto: la última etiqueta que abriste debe ser la primera que cierres, como se muestra en este ejemplo: