Visita la Nueva Versión de ComoCrearTuWeb!!
Los Estilos CómoCrearTuWeb > Menú Principal > Los Estilos > Introducción
Introdución Su Utilidad

 

Opciones de Estilo

Est. Predeterminados Nuevos Estilos Para una página Para toda la Web

 

Creando Hojas de Estilos

Requerimientos Sintaxis Las Propiedades Las Unidades

 

Asociando Hojas de Estilo

Como Asociar la Hoja

 

Aplicando Hojas de Estilo

Opciones A Nivel de Bloque A Nivel de Línea De una Sola Vez

 

Ejemplos Prácticos

Antes de ... Ejemplo I Ejemplo II Ejemplo III Ejemplo IV Ejemplo V

 

Cosejos Finales

Recomendaciones Simplificando Depurando

Foro de Estilos

Al Menú Principal


Página Anticuada. Visita la nueva versión.


Ejemplo V

Como yá sabréis, al crear ese párrafo y el enlace, el Dreamweaver traduce lo que nosotros queremos en código HTML, luego, es de esperar que el código que antes vimos haya cambiado, o mejor dicho, se haya ampliado. Vamos a echarle un ojo a ver que a pasado con él.

Pulsad en el icono ese "<>" y veamos ese código.

<html>

<head>

<title>Mi página</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="StyleSheet" href="estilo.css" media="screen" type="text/css">

</head>

<body>

<p>Esta es mi pagina principal</p>

<p>Con esto espero comprobar el efecto que tiene la hoja de estilos sobre el párrafo. La primera línea deberia separarse por la izquierda del resto. Vamos a ver si es verdad. </p>

</p><a href="http://creatuweb.tripod.com">CreaTuWeb</a></p>

</body>

</html>

Las únicas cosas nuevas son las líneas que empiezan y acaban con <p> y </p>. Estos símbolos nuevos indican el comienzo y el final de un Párrafo. Si recordais nuestra Hoja de Estilo, una de las líneas empezaba con P... pues esa línea era donde se definieron las propiedades de los párrafos.

Hay dos cosillas que nos sorprenden en este código. La primera es como se escriben ciertos carácteres o símbolos en HTML, como por ejemplo Las letras acentuadas, la letra ñ y otros símbolos no son reconocidos en HTML, de modo que para poder representarlos, en su lugar, al escribir directamente en HTML hay que poner, por ejemplo:

&aacute; en lugar de á

&eacute; en lugar de é,

&iacute; en lugar de í

&oacute; en lugar de ó

&uacute; en lugar de ú

&ntilde; en lugar de ñ etc...

Me explico. Si escribimos el texto en la pantalla de código HTML tendremos que usar esos símbolos para escribir acentos, ñ´s y esas cosas. Si escribimos en la ventana normal de diseño si podemos escribir acentos y símbolos raros, pues Dreamweaver los traduce el solito. Solo os digo esto por si os resulta extraño que aparezcan en el código HTML.

La segunda cosilla nueva son los enlaces (o vínculos). En nuestro caso el enlace está dentro de un párrafo, es decir, entre <p> y </p>. Los enlaces tienen todos la siguiente estructura:

< a href="http://creatuweb.tripod.com">CreaTuWeb</a>

Pero esto lo explicamos en la página siguiente para no saturar, vale?

¿Sabias que..?

Dinos Algo..

Entra en el nuevo Foro CCTW


Esta versión es antigua. Visita la nueva web de: ComoCrearTuWeb


Entra en el nuevo Foro CCTW


Mas Cosillas..

Acerca de CCTW

Foro de Posicionamiento en Buscadores
ChatCCTW  Actualizaciones  Recomendar  Colabora  Errores?  Agradécemelo  Escríbeme
Actualizada el Jueves, 11-Ago-2005 23:10 Creada y diseñada por Jorgens