You are on page 1of 4

21/9/2018

I.E.S.
SAN
ALBERTO
HTML Y CSS
MAGNO

Blas Agustin Di Aloi Fandos


¿Qué es HTML?

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.

El acrónimo de “HTML” contiene información útil. HTML se refiere a Hiper Text


Markup Lenguage o Lenguaje de maras de Hipertexto.

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?

El Hipertexto funciona a base de etiquetas o “tags” en inglés.

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.

¿Cómo se originó HTML?

HTML es el lenguaje oficial de la World Wide Web. Fue concebido en 1990. Es un


producto de la SGML (lenguaje de marcado generalizado estándar) que era un lenguaje
complejo, para la edición y publicación de documentos electrónicos técnicos. HTML se
creó con el fin de que aquellos que no estaban familiarizados con SGML pudieran crear
y publicar y compartir documentos científicos y otros documentos técnicos.

HTML especialmente facilito este intercambio de documentos incorporando la


posibilidad de enlazar documentos electrónicamente a través de hiperenlaces.

Aquellos que no estaban asociados a la disciplina de la documentación científica se


dieron cuenta rápidamente que HTML era relativamente fácil de aprender y contenía
muchas otras aplicaciones. Con la evolución de la World Wide Web, HTML empezó a
expandirse rápidamente.

I.E.S SAM| Blas Agustin Di Aloi Fandos Página 2


Con la aparición de nuevos navegadores web, también se originó una guerra entre
estos. Haciendo que algunos navegadores inventaran elementos HTML propietarios
que solo funcionaban con esos navegadores.

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.

Debido a la gran demanda de HTML muchos aparentes expertos internautas llenaron


el ciberespacio de código
HTML mal escrito.

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 supuso que recursos del


código fuente, la RAM de los
usuarios, etc. requiriesen
una cantidad exorbitante
comparadas a las que
realmente se cabrían de esperar.

Esto hizo que el mercado siguiera esta moda y así los navegadores permitieron que
código basura llenara las paginas webs.

Para remediar la situación, W3C dio un cambio de forma al HTML haciendo


estándares más rigurosos. Haciendo una limpieza de la World Wide Web, remplazando
elementos dando a si la estructura llamada Cascading Style Sheets (CSS). También con
esto surgió el nacimiento de otros dispositivos capaces de navegar en la web,
creándose así el XHTML.

I.E.S SAM| Blas Agustin Di Aloi Fandos Página 3


¿Qué es el CSS?

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.

¿Cómo funciona CSS?

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.

 Hojas de estilo incrustadas: Estas se incrustan entre etiquetas de estilo que


puedes obtener externamente.

 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.

I.E.S SAM| Blas Agustin Di Aloi Fandos Página 4

You might also like