Professional Documents
Culture Documents
I.E.S.
SAN
ALBERTO
HTML Y CSS
MAGNO
HTML es un lenguaje utilizado para la creación de páginas web. Provee una forma
lógica al estructurado de contenido en las páginas web.
HTML no contiene diseño web, pero solo se encarga del estructurado y ordenación del
contenido de una web. Lo hace a base de marcas de hipertexto.
¿Cómo funciona?
Las etiquetas son elementos que en la página final no se ven y estas definen como el
navegador mostrara el contenido.
La mayoría de las etiquetas están formadas en dos partes una etiqueta de abertura
<html> y una de cierre </html> que indican donde empiezan y acaba el contenido.
Los atributos son parte de las etiquetas y permiten dar forma a las etiquetas. Así como
la disposición y alineación entre otras.
Un efecto secundario de esto fue la fragmentación del propio HTML haciendo que los
creadores de páginas web vieran que su web se veía bien en un navegador, pero en
otro, todo lo contrario. Esto hizo que con el tiempo crear una página web fuera una
tarea difícil ya que tenía que encajar con los formatos de muchos navegadores
populares en la época.
Gracias al World Wide Web Consortium (W3C) se fue desarrollando una estandarización
del HTML. Principalmente debido a representación oficial de HTML parte de W3C y
proporcionó una referencia comprensiva continua a los editores y creadores de webs.
Dado a la dejadez e
inexperiencia, pero también
por parte de editores
WYSIWYG (lo que ves es lo
que obtienes) que recurrían a
la creación de código fuente
sobrecargado y
desordenado.
Esto hizo que el mercado siguiera esta moda y así los navegadores permitieron que
código basura llenara las paginas webs.
CSS es lenguaje que se puede usar en conjunto con HTML que dota a este de muchas
más posibilidades. Básicamente hará que tu texto plano y aburrido se convierta en la
octava maravilla.
También CSS hace que las paginas web carguen mucho mas rápido debido a que
cuando accedes a una web este estilo de hoja se guarda en la memoria cache.
CSS soporta los estándares web internacionales que usan estructurado HTML. La cosa
es que los elementos y atributos HTML deberían usarse únicamente para el
estructurado de una pagina web.
Así como su alineación, colocación de párrafos entre otros. Mientras que CSS debería
relacionarse con el estilizado (Esto es Arial Black, esto es de color rojo, etc.)
De esta forma los distintos tipos de diseño de hoja pueden ser aplicadas a la misma
página. Se convierte en algo más versátil y mas accesible a diferentes medios. Desde
impresoras, dispositivos con pantallas más pequeñas y un largo etc.
Esencialmente, CSS se aplica a los elementos de HTML en cada página web. Se puede
hacer de varias maneras:
Estilos en línea: Se aplican de forma que a partir del atributo style puedes
probar diferentes estilos de visualizado.
Estilos de hoja externos: Se aplican a una serie de reglas de CSS que son
almacenadas externamente en un archivo.
La edición de las paginas se hace mas ameno de esta forma y aun más dinámico.