Fuente:
Si estás en esa situación, voy a intentar aclararte que es cada cosa, para qué sirve y como distinguirlas.
En Blogger, básicamente encontrarás dos tipos de código: HTML y CSS. Ambos son "lenguajes" que vuestro navegador interpretará de determinada manera para que una página se muestre tal y como tú la ves.
HTML
HyperText Markup Language = Lenguaje de Marcado de HiperTexto. Con él se diseña la estructura de la página: Cabecera, cuerpo/s, pie, barra lateral... También mediante HTML introducimos nuestro texto, imágenes, enlaces, etc.
Por ejemplo, si tecleamos
estamos diciéndole al navegador que nos reserve un espacio (DIV - /DIV) de 400x200 pixels (WIDTH + HEIGHT) y que dentro de él nos escriba HOLA QUE TAL.
Siendo muy puristas, Blogger funciona con XHTML que es una versión avanzada de XML y una evolución de HTML. Pero para nuestro fin, podemos considerar perfectamente que hablamos del mismo lenguaje.
CSS
Cascading Style Sheets = Hojas de Estilo en Cascada. Este es un código complementario del HTML que sirve para separar el contenido del formato. La hoja de estilo controlará precisamente el formato, la apariencia de la página.
Si en una página hago una referencia a un CSS, ésta se mostrará con el formato preestablecido. Si en todas mis páginas escribo una línea que "llama" a mi hoja de estilo, todas las páginas tendrán el mismo formato y no tendré que teclear todo el código correspondiente al formato en todas y cada una de ellas.
Si además un buen día, pretendo cambiar alguna cosa, como por ejemplo el tamaño de la letra, sólo tendré que cambiar ese parámetro en el archivo CSS yse cambiará en todas a la vez. Si no existiera, tendría que modificar una a una todas las páginas. Realmente es una gran ventaja.
Un ejemplo de instrucción CSS sería
Se deduce pues, que elHTML es imprescindiblepara crear una página o una web entera, pero que las Hojas de Estilo no son absolutamente necesarias, pero sí muy recomendables.
Habreis visto ya que hay diferencias en la formulación de ambos códigos. HTML funciona con TAGS (etiquetas) que van entre los símbolos < ... >. Un tag de apertura y otro de cierre que tiene el símbolo /. Entre ambos irá texto u otros elementos HTML.
En CSS se declara una etiqueta y entre corchetes {...} se ponen las intrucciones,
Cuando se crea una web, cada página será un fichero distinto terminado en .htm o .html y la hoja de estilo será otro fichero también distinto, con extensión .css. En cada página .htm se invocará con una instrucción (una línea de código), al fichero de la hoja de estilo. Así, el navegador cargará los datos, pero con ese formato que nosotros hemos diseñado para nuestro espacio.
Se pueden crear distintos estilos para distintas páginas dentro de la misma web. Sólo hay que llamar desde cada página al estilo que se quiera poner, aunque lo cómodo y lo estético, como se ha comentado, es que haya una hoja de estilo común.
.../...
Dentro de ciertas etiquetas de HTML, se pueden incorporar instrucciones de CSS, mediante el tag STYLE.
No sé si exclusiva o principalmente, pero ésto se usa normalmente dentro de un DIV o un SPAN, de la forma que se ve en el ejemplo superior: dentro de la etiqueta, se añade un parámetro STYLE y entrecomillado, código CSS. Todo seguido y con los puntos y coma correspondientes.
Saber más en Wikipedia: HTML y CSS.
En Blogger, básicamente encontrarás dos tipos de código: HTML y CSS. Ambos son "lenguajes" que vuestro navegador interpretará de determinada manera para que una página se muestre tal y como tú la ves.
HTMLHyperText Markup Language = Lenguaje de Marcado de HiperTexto. Con él se diseña la estructura de la página: Cabecera, cuerpo/s, pie, barra lateral... También mediante HTML introducimos nuestro texto, imágenes, enlaces, etc.
Por ejemplo, si tecleamos
estamos diciéndole al navegador que nos reserve un espacio (DIV - /DIV) de 400x200 pixels (WIDTH + HEIGHT) y que dentro de él nos escriba HOLA QUE TAL.
Siendo muy puristas, Blogger funciona con XHTML que es una versión avanzada de XML y una evolución de HTML. Pero para nuestro fin, podemos considerar perfectamente que hablamos del mismo lenguaje.
CSSCascading Style Sheets = Hojas de Estilo en Cascada. Este es un código complementario del HTML que sirve para separar el contenido del formato. La hoja de estilo controlará precisamente el formato, la apariencia de la página.
Si en una página hago una referencia a un CSS, ésta se mostrará con el formato preestablecido. Si en todas mis páginas escribo una línea que "llama" a mi hoja de estilo, todas las páginas tendrán el mismo formato y no tendré que teclear todo el código correspondiente al formato en todas y cada una de ellas.
Si además un buen día, pretendo cambiar alguna cosa, como por ejemplo el tamaño de la letra, sólo tendré que cambiar ese parámetro en el archivo CSS yse cambiará en todas a la vez. Si no existiera, tendría que modificar una a una todas las páginas. Realmente es una gran ventaja.
Un ejemplo de instrucción CSS sería
background: #000000;
Se deduce pues, que elHTML es imprescindiblepara crear una página o una web entera, pero que las Hojas de Estilo no son absolutamente necesarias, pero sí muy recomendables.Habreis visto ya que hay diferencias en la formulación de ambos códigos. HTML funciona con TAGS (etiquetas) que van entre los símbolos < ... >. Un tag de apertura y otro de cierre que tiene el símbolo /. Entre ambos irá texto u otros elementos HTML.
En CSS se declara una etiqueta y entre corchetes {...} se ponen las intrucciones,
Cuando se crea una web, cada página será un fichero distinto terminado en .htm o .html y la hoja de estilo será otro fichero también distinto, con extensión .css. En cada página .htm se invocará con una instrucción (una línea de código), al fichero de la hoja de estilo. Así, el navegador cargará los datos, pero con ese formato que nosotros hemos diseñado para nuestro espacio.
Se pueden crear distintos estilos para distintas páginas dentro de la misma web. Sólo hay que llamar desde cada página al estilo que se quiera poner, aunque lo cómodo y lo estético, como se ha comentado, es que haya una hoja de estilo común.
.../...
Dentro de ciertas etiquetas de HTML, se pueden incorporar instrucciones de CSS, mediante el tag STYLE.
No sé si exclusiva o principalmente, pero ésto se usa normalmente dentro de un DIV o un SPAN, de la forma que se ve en el ejemplo superior: dentro de la etiqueta, se añade un parámetro STYLE y entrecomillado, código CSS. Todo seguido y con los puntos y coma correspondientes.
Saber más en Wikipedia: HTML y CSS.
No hay comentarios:
Publicar un comentario