EXAMEN

ETIQUETAS: <strong>negrita</strong> <em>cursiva</em> ^superndice _subndice <hr/> <br/> <b>sin sig. semantico</b> <i>sin sig. semantico</i>

<blockquote> <p>Que es Usted Sr. Driscoll Un len o un chimpanc?</p> <p><cite>Capt. Eglehom</cite></p> </blockquote> <abbr title="Mademoiselle">Mlle.</abbr> <acronym title= "cido desoxirribonucleico">ADN</acronym>

ENLACES: Documentos del ordenador: <a href="../jugadores/Mijail_Botvinnik.html">Mikhail Botvinnik</a> Enlaces externos: <a href="http://www.google.es">GOOGLE</a> Enlaces internos: <p><a href=#king_kong>Texto</a></p> <h2 id=kong_kong>King Kong</h2>

& = &amp;

TEXTO PREFORMATEADO: <pre>&lt;table border="1"&gt; &lt;tr&gt; &lt;th colspan=3&gt;Ejemplo&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;1&lt;/td&gt; &lt;td&gt;2&lt;/td&gt; &lt;td&gt;3&lt;/td&gt; &lt;/tr&gt; &lt;;tr&gt; &lt;td&gt;4&lt;/td&gt; &lt;td&gt;5&lt;/td&gt; &lt;td&gt;6&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;</pre>

LISTAS: <ol style="list-style:lower-alpha"> <ul style = "list-style-image:url(verde.jpg);"> Lista dentro de un <li>: <li>Genero Pan <ul style = "list-style-image:url(verde.jpg);"> <li>Chimpanc Comn</li> <li>Bonobo</li> </ul> </li> Numeradas: <ol> <li></li> <li></li> </ol> No numeradas: <ul> <li></li> <li></li> </ul> numerado con letras fotos para iconos de la lista

IMGENES: <img src="../Imagenes/foto.jpg" alt="" height="150" width="150"/>

LISTAS DE DEFINICIN: Listas para dar informacin: <dl> <dt>Trminos a definir</dt> <dd>Definicin</dd> </dl> Listas para sinnimos: <dl> <dt>Merluzn</dt> <dt>Borrachn</dt> <dd>Sujeto dado a la bebida</dd> </dl> Una lista dentro de una lista de definicin: <dl> <dt>El pjaro solitario</dt> <dd>Las condiciones del pjaro solitario son cinco: <ul> <li>Que se va a lo ms alto</li>

<li>Que sufre compaa</li> </ul> </dd> </dl>

ACENTOS: &#224; &#225; &#192; &#193; SMBOLOS ASCII: & # &amp; &#35; &#189; &#232; &#233; &#200; &#201; &#236; &#237; &#204; &#205; &#242; &#243; &#210; &#211; &#249; &#250; &#217; &#218;

MAPEADO: Primero se pone la imagen, el usemap tiene que ser igual que el name de la etiqueta <map>: <p><img src="geometria.jpg" alt="geometria" title="geometr&iacute;a"usemap="#mapa_zonas"/></p> Lo metemos dentro de un <p> ya que sino dar errores. <p> <map id="mapa_zonas" name="mapa_zonas"> Hay tres posibilidades (hay que dar todo en pxels): Rectngulo: hay que dar coordenadas de una esquina y su opuesta. En el href la direccin a la que queremos que vaya, si no queremos que vaya a ningn sitio en el valor del href ponemos # El alt es obligatorio, tambin es recomendable poner el title y poner en ambos el mismo valor. <area shape="rect" coords="18,21,101,130" href="#" title="rectangulo Azul" alt="rectangulo azul" /> Polgono: hay que poner todas las coordenadas. <area shape="poly" coords="120,21,211,103,207,21,120,21" href="#" title="triangle" alt="triangle" /> Circulo: hay que dar el centro ms o menos y el radio. <area shape="circle" coords="166,144,36" href="#" title="circulo" alt="circulo" /> <area shape="rect" coords="13,203,222,278" href="#" title="rectangulo Verde" alt="rectangulo Verde" /> </map> </p>

VDEOS DE YOUTUBE: Botn derecho encima del video en youtube y seleccionar Copiar cdigo de insercin y coger la direccin del video. http://www.youtube.com/v/orAXFfOHkps?version=3&feature=player_detailpage http://www.youtube.com/v/orAXFfOHkps?version=3

<p> <object type="application/x-shockwave-flash" style="width:425px; height:350px;" data="http://www.youtube.com/v/8unLEPfJ4Gc?version=3&amp;rel=0&amp;fs=1"> <param name="movie" value=" http://www.youtube.com/v/8unLEPfJ4Gc?version=3&amp;rel=0&amp;fs=1" /> </object> </p>

INCLUIR UN ARCHIVO DE AUDIO: Solo funciona en Internet Explorer: <td> <object id="windowsmediafile" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" type="application/x-oleobject" height="75" width="200"> <param name="fileName" value="waltzing_matilda.mp3" /> Fichero o url <param name="autostart" value="false" /> No suene en cuanto se abra la pgina <param name="showstatusbar" value="true" /> </object> </td> Hacer que funcione en el resto de navegadores: <param name="fileName" value="waltzing_matilda.mp3" /> <param name="autostart" value="false" /> <a href="waltzing_matilda.mp3">Pulse aqu para escuchar</a> <param name="showstatusbar" value="true" />

CSS: Despus del title <link ref=stylesheet href=nombre.css /> (externo) <style type=text/css> (interno) </style>

.verde {color:green;} <h2 class="verde">FUENTES DE ENERGIA RENOVABLES</h2>

Tipo de fuente Tamao de letra Color de letra Texto subrayado Tipo de letra Estilo de letra Posicin del texto Letras minsculas Espaciado/Interlineado

Font-family Font-size Color Text-decoration:underline Font-weight: normal/bold/bolder/ligther Font-style: italic/oblique/normal text-align:center/justify font-variant: small-caps line-height:30px

Mrgen Sangra Lista con letras Color de fondo Imgen de fondo Repeticin de imgen Posicin de imgen de fondo Tamao / Longitud del prrafo Borde outset Lista dentro de un border Imagen en las listas Mezclar los bordes

Margin padding:50px list-style-type:lower-alpha Background-color background-image:url('fondoprimate.jpg') Background-repeat: repeat/repeat-x/repeat-y/no-repeat/inherit Background-position: center/right/left/bottom/top/justify background-position:0cm 1cm; width border:3px outset blue; list-style-position:inside list-style-image:url(imagen.jpg); Border-collapse: collapse/separate