¿Programar con HTML?

¡A ver! un titulo como programemos en HTML podría traer disgustos para algunos.

Si lees o escuchas las siglas H-T-M-L eso debe darte referencia inequívoca de pagina web, un documento electrónico con texto, imágenes, sonido y otras cosas más que se pueden visualizar a través de un navegador

¡Pero! ¿Qué es HTML?

"... HTML (Lenguaje de Marcas de Hipertexto, del inglés HyperText Markup Language) es el componente más básico de la Web. Define el significado y la estructura del contenido web... " Esto según 👉 https://developer.mozilla.org/es/docs/Web/HTML

sitio_web

"Lenguaje de marcas de hipertexto"

aunque tenemos una definición, esta no nos deja muy claro que hace HTML, veámoslo con un ejemplo:

documento

Cuando vemos un documento escrito por lo general este tendrá un encabezado, una fecha, firmas, algún contenido al pie de las paginas, y en cada oportunidad que vemos un documento veremos en el, los mismo detalles y si falta por ejemplo la fecha, seriamos capaces de reconocer que es lo que falta, ahora llevemos esta idea a una pagina web podríamos reconocer algunos detalles como el encabezado de la pagina, los menús, los enlaces, el final de dicha pagina

personal-website

Pues HTML nos permite a través de etiquetas o tag indicarle al navegador, por ejemplo donde esta un encabezado o los títulos importantes de la pagina web, un párrafo o cualquier otro contenido que tenga la pagina web, tal cual como el ejemplo que se ha dado anteriormente con un documento escrito, estaríamos indicándole al navegador web cual seria la estructura de nuestra pagina

¿Y como son esas etiquetas?

Estas etiquetas siempre van escritas dentro de los símbolos menor que < y mayor que > como en el siguiente ejemplo:


        <etiqueta> 

De esta manera y a través de etiquetas le indicamos a los navegadores web la estructura, como se dijo ya, de nuestra pagina web, solo falta conocer y reconocer las etiquetas HTML, estas por lo general tienen un inicio y un cierre ( aunque hay algunas que no necesitan etiqueta de cierre) veamos un ejemplo de como seria una etiqueta HTML:


        <inicio> 

        </cierre>

Así por ejemplo una verdadera etiqueta html si queremos iniciar con la cabecera de la pagina web seria


        <header> 
            Aqui el contenido
        </header>

Y dentro de ella todo el contenido que el visitante de nuestra pagina web vera como la cabecera o encabezado de nuestra pagina, otro ejemplo; un párrafo, utilizaremos


        <p> 
            Aquí el contenido del párrafo que queremos mostrar 
        </p>

Sigamos con los ejemplos, para resaltar en negrillas una palabra


        <strong> 
            Palabra o palabras en negrillas 
        </strong>

Indicar un correo electrónico


        <address> 
            aqui el correo
        </address>

Y aunque hay muchas más etiquetas y muchos más ejemplos este post busca, explicar de manera muy general el uso de HTML , no intenta ser un guía de HTML

En conclusión HTML le indica al navegador a través de etiquetas la estructura de la pagina web que esta mostrando

🚀 Recomendación

  • Principal recomendación seguir aprendiendo y si los videos tutoriales son lo tuyo (aunque existe muchísimas otras) para que profundices en este tema 👇

develoteca_html

Ver en YouTube

Entrada Anterior