Html y css

Páginas: 20 (4832 palabras) Publicado: 26 de enero de 2015
TUTORIAL DE HTML
Introducción
Con el HTML se intento desde un principio la definición de estilos lógicos que se centrasen más en el contenido de la información que en su presentación. Sin embargo el gran exito de Internet y por tanto la aparición de importantes intereses comerciales exigían un control cada vez más rígido sobre la presentación final del documento.
Esto motivo una evolución delHTML centrada en mejorar su presentación. Aunque las intenciones han sido buenas, los efectos secundarios han sido ha menudo desafortanudos y hemos llegado a un HTML demasido complejo para sus objetivos iniciales y en muchos casos incompatible entre los principales navegadores:
Uso de extensiones propietarias del HTML (soluciones propias de Netscape y de Microsoft)
Conversión de texto enimágenes de texto para hacerle mantener el mismo aspecto en cualquier navegador.
Uso de imágenes (transparentes, de tamaños concretos, ...) para controlar los espacios en blanco.
Uso de tablas para controlar el diseño global de la página.
Uso de programas en lugar del marcado HTML...
Estas técnicas aumentan considerablemente la complejidad de las páginas Web, tienen escasa flexibilidad yproblemas de interoperabilidad.
Debido a estas causas y con la intención de volver a la idea original de separar el contenido de la presentación y de ofrecer mayores y más faciles posibilidades de presentación el W3 Consortium, empezo a discutir a principios de 1995 la utilización de las Hojas de Estilo (CSS) en la Web. La intención era incluirlas en las especificaciones 3.0 del HTML pero lasdiscusiones se extendieron tanto que al final se impusieron las extensiones propuestas por Netscape dando lugar a la versión 3.2 del HTML, aunque la versión 3.0 del Explorer ya las soportaba en parte.
En la actualidad las especificaciones CSS se encuentran en el nivel 2 (CSS2), que es una recomendación del W3C del 12 de Mayo de 1998, y se están escribiendo actualmente las especificaciones del nivel 3(CSS3). Sin embargo, en este curso vamos a estudiar la recomendación de nivel 1 (CSS1), que es la que está implementada por los navegadores actuales (Explorer 5 y superiores, Mozilla y Opera) y en parte por las antiguas versiones 4 tanto del Explorer como del Netscape.
Sintaxis CSS
Definición en la propia etiqueta html
Novedades

Sintaxis CSS
En el momento de definir los estilos debemos tener encuenta que estos se pueden declarar directamente sobre la etiqueta HTML o que podemos definirlos en su conjunto para toda la página HTML.
 Definición en la propia etiqueta html
La sintaxis básica para especificar un estilo en una etiqueta determinada es:
...
Donde etiqueta representa un TAG estandar del HTML y la palabra STYLE es el atributo que indica que a dicha etiqueta le vamos a asociarun estilo. El resto ya es la definición propia del estilo que viene definido por un par propiedad:valor separados entre si por dos puntos y del resto de pares por un punto y coma.
En propiedad indicamos que caracteristica (tipo de fuente, color, etc...) queremos cambiar y en valor el valor que le damos.
Por ejemplo si a un parrafo le queremos dar un tamaño de fuente 10 y un margen izquierdo de20 pts.

Mi Primer parrafo con Estilo

Pero la asignación individual a cada etiqueta de los estilos puede resultar un poco pesada también contamos con la posibilidad de definirlos de forma global para toda la página.
 Novedades
Para definir una hoja de estilos de forma global en un documento HTML se emplea la etiqueta de la siguiente manera:



Observa como la definición deestilos va encerrada entre comentarios para asegurar la compatibilidad con los browsers que no las soporten. Esta sintaxis funciona tanto en Explorer 3.X y superiores como en Opera, Mozilla y Netscape 4, aunque en este último se pueden definir también de forma propietaria utilizando Javascript.
La definción del estilo se realiza de forma similar a la indicada arriba:
etiqueta {propiedad:valor;...
Leer documento completo

Regístrate para leer el documento completo.

Estos documentos también te pueden resultar útiles

  • HTML y CSS
  • html css
  • HTML CSS
  • Menú Desplegable Con Html Y Css
  • Ejercicios HTML y CSS
  • AJAX, JAVASCRIPT, HTML Y CSS
  • C1 HTML CSS
  • Formulario html css javascript

Conviértase en miembro formal de Buenas Tareas

INSCRÍBETE - ES GRATIS