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:
á en lugar de á
é en lugar de é,
í en lugar de í
ó en lugar de ó
ú en lugar de ú
ñ 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?
|
Introdución