Entendiendo las etiquetas

Información Adicional

No existe información adicional para este video tutorial.

Transcripción

Ahora que sabes que fácil es hacer aparecer tu contenido en el navegador
Es tiempo de aprender a usar acerca del lenguaje de marcado,  específicamente de  HTML
HTML son las iniciales de hiper text markup language
O lenguajde de marcado de hiper texto en español
Hay dos partes ahí, hiper texto y lenguaje de marcado
Sin embargo vamos a enfocarnos primero en la parte de lenguaje de marcado
Un lenguaje de marcado no es lo mismo que un lenguaje de programación
Cuando usamos un lenguaje de programación estamos describiendo como algo debe comportarse
En cambio un lengua de marcado es usado para anotar y añadir estructura semántica, o significado a un texto
Básicamente puedes pensar en una página web como un texto que tiene marcadores
El concepto general de marcado evoluciono de la idea de un editor de libros o instrucciones de escritura
Siendo el documento marcado con un lápiz o un bolígrafo
Similar a lo que hacíamos cuando estábamos en la escuela
Sin embargo HTML no pretende añadir correcciones al texto
En cambio añade estructura y forma al texto de una forma que sea fácil de comprender
Tanto para la persona que ve el sitio web, como para los programas como los navegadores, que son los que interpretan el texto en HTML
Así que vamos a intentar con un ejemplo
Tenemos aquí algún texto, y vamos a ver cómo debemos marcar este texto con HTML
Este es un texto de prueba y no tiene ningún significado
Tú puedes usar el texto que quieras, sobre tu pintor favorito, como hacer un buen desayuno o cualquier otro tema
Así que vamos a examinar este texto
Al inicio vemos que tenemos un texto que parece un título o encabezado, y describe nuestro contenido
Y abajo tenemos algunos párrafos que serían el contenido en si del artículo
Sin embargo, no hay forma de que un navegador sepa cuál es un título y cuál es un párrafo
Nosotros podemos indicárselo usando algo llamado etiquetas
Una etiqueta luce como esto
Hay un símbolo de menor que, luego un conjunto de texto muy específico dentro y al final un símbolo de mayor que
Existen muchas etiquetas como esta, pero con algo de práctica podrás recordarlas sin necesidad de buscarlas
Esta etiqueta que estamos viendo, es una etiqueta de encabezado
Su significado es la h por headline que en español significa titular y el 1 representa su importancia
Vamos a hablar más sobre las etiquetas de encabezado en un futuro video
Pero por ahora todo lo que necesitamos saber es que esta etiqueta se usa para marcar los titulares, títulos o encabezados más importantes
Te presento otra etiqueta
Esta etiqueta se llama etiqueta de párrafo
La p es por paragrahp que en español significa párrafo
Ahora que ya conocemos estas dos etiquetas, regresamos a nuestro texto para ver como las usaremos para marcarlo
Para el titular en la parte de arriba de este texto, necesitaremos usar la etiqueta para los titulares más importantes
Así que vamos a colocarnos al inicio del titular
Y vamos a escribir la etiqueta h1 para los títulos importantes justo ahí
Ahora, hemos marcado el inicio de nuestro título, pero ¿cómo sabe el navegador hasta donde termina nuestro título?
Bien, la mayoría de etiquetas vienen en pares
Tenemos lo que es la etiqueta de apertura aquí pero necesitamos marcar únicamente el título, así que necesitaremos una etiqueta de cierre aquí
Para indicar que ahí termina nuestro encabezado
Una etiqueta de cierre luce igual que una etiqueta de apertura, solo que después del símbolo de menor que, le vamos a añadir una pleca
Así que escribimos el símbolo de menor que, la pleca, luego h1 de nuestro titular y luego terminamos colocando el símbolo de mayor que
Ahora necesitamos usar la etiqueta de párrafo para marcar nuestros párrafos
Igual que con el titular, usaremos una etiqueta de apertura y una de cierre para hacerlo
Así que vamos a colocar nuestra etiqueta p, y luego al final de este párrafo colocamos la etiqueta p de cierre
Y luego tenemos otro párrafo así que hacemos exactamente lo mismo, colocamos la etiqueta de apertura y luego la de cierre
Ahora podemos guardar nuestro archivo y verlo en un navegador

5 Comments on “Entendiendo las etiquetas”

  1. Hola. Soy nuevo en esto de html. estoy haciendo un curso y un tutor me dejò esta página para complementar mis estudios. saludos desde uruguay!

  2. Vichilo

    Muchas Gracias , me sirvió de mucho todo lo aprendido en este video curso , les felicito por tan valioso aporte para nosotros que no conocemos mucho de html .

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¿Quieres aprender a crear sitios web?

Regístrate gratis como estudiante y aprende a crear sitios web sorprendentes. Gana certificados y medallas al completar los cursos gratuitos.
¡REGÍSTRATE GRATIS!
close-link
Crea tu sitio web con diseño profesional en menos de 15 minutos
Ver Tutorial
close-image