DIFERENTES TIPOS DE MAQUETACION

Page 21

17

¿Qué es HTML? Ya vamos acercándonos a la maquetación web. Pero, antes, Saber cómo funciona el HTML, grosso modo, es relativamente es importante que sepas que hablar de una página web es sencillo. Estas etiquetas son fragmentos de texto que se incluhablar de HTML necesariamente. yen entre los signos “<>”. ¿Te suena algo como ‘<body>’ o ‘<head>’? Se trata de un término con el que debes estar eternamente Seguro te has cruzado con estas marcas en algunas ocasiofamiliarizado, si es que decides dedicarte a la programación. nes, pero sin saber para qué sirven. La pregunta es: ¿qué es HTML? Básicamente, en medio de estos signos, va una palabra que HTML son las siglas de Hyper Text Markup Language, lo que, le da un significado a la etiqueta, de manera que la estructura traducido al español, significa lenguaje de marcas de hiper- de un documento pueda, posteriormente, ser leída y renderitexto. zada por un navegador, como Google Chrome, por ejemplo. En términos simples, el HTML es un lenguaje que nos permitirá crear la estructura de nuestra página web a través de etiquetas.

Ahora que ya sabemos qué es HTML y cómo funciona, te quiero presentar otro término que se convertirá en otro de tus grandes aliados: CSS.

¿Qué es CSS y para qué sirve? Tras la aparición de la primera versión en 1993, el lenguaje HTML fue evolucionando hasta convertirse en un estándar o lo que hoy en día conocemos como HTML5, el cual tiene características mucho más robustas, como el audio, video, gráficos SVG y la adaptación a distintos dispositivos.

Como ejemplo final podríamos poner a las etiquetas <H1>. Gracias al CSS, este texto podrá cambiar su apariencia (tamaño, color, fuente) sin alterar el contenido base HTML.

Gracias al CSS, no solo se pudo facilitar el trabajo a los desarrolladores front-end, sino también mejorar el rendimiento Todo esto fue posible gracias a las hojas de estilo en cascada, de cualquier página web debido a que se inserta una menor CSS para los amigos. Entonces ¿qué es CSS y para qué sirve? cantidad de etiquetas HTML. Para que la tarea sea más fácil, te dejamos esta lista gratuita de etiquetas HTML y propiedaEl código CSS es utilizado para organizar la presentación y el des CSS. aspecto de cualquier página web; es decir, el CSS definirá cómo van a lucir los elementos de un documento HTML. El preámbulo se extendió un poco, pero era súper necesario conocer qué es una página web y todo lo que implica antes Digamos que el HTML es todo el esqueleto de una página de pasar a la maquetación. Ahora que tenemos los concepweb, mientras que el código CSS es la capa que definirá su tos un poco más claros, podemos pasar de lleno a la imporaspecto final. tancia de la maquetación web.


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.