Professional Documents
Culture Documents
Etiquetas en HTML
Negrita <b>texto</b> Indica nfasis fuerte para su contenido <strong> <strong>Strong text</strong> Texto Grande <big>Big text</big> Texto pequeo <small>Small text</small> Texto tamao con nmero de 1 a 7 <font size=7>Este texto es ms grande</font> Texto tipo de letra <font face="arial"> texto </font> Tachado <strike>texto</strike> <s>Texto tachado</s> Cursiva o Itlica <i>texto</i> Subrayado <u>texto</u> <p>Do not <u>underline</u> text if it is not a hyperlink!</p><tt>Teletype text</tt> Link <a href="url" title="ttulo" rel="nofollow">texto</a> <a href="http://www.todosobreexpressionweb.blogspot.com">Este es un link</a> E-mail Link <a href=mailto:email>texto</a> Acta como contenedor para toda la parte representable del documento (cuerpo) <body> Centrado <center> nfasis para el contenido <em> Listas desordenadas <ul> Listas ordenadas <ol> Fuerza un quiebre de lnea <br> Encabezados en HTML Las etiquetas de encabezados en HTML son definidos entre <h1> y <h6>. Hay seis tipos de encabezados, a medida que crece el numero, ms chico es el tamao de la letra. <h1> Encabezado1 </h1> <h2> Encabezado2 </h2> <h3> Encabezado3 </h3> Encierra el bloque de encabezado del documento (para las declaraciones globales) <head> Dibuja una lnea horizontal <hr> Inserta una imagen <img> <img src="Expression Web.jpg" width="100" height="130" /> Lista Inserta <li> Inserta un prrafo <p> Subndice <sub> Superndice <sup>
Pgina 1 de 4
172537644.doc
HTML y Dreamweaver
Audio <embed src="varios/audio.mid"></embed> autostart="false" loop="true" Msica de fondo <bgsound src="cancion1.wav" loop="-1"> Insrtalo despus de la etiqueta </title> Con el parmetro loop puedes decidir cuntas veces quieres que se reproduzca, 1, 2, 3 ... (con -1 se reproduce de modo continuo) <head> <BGSOUND SRC="archivo.mp3" LOOP=infinite> </head> Los archivos pueden tener extensin mid, mp3, etc.. Ejemplo de prrafos <p> Este es mi primer prrafo </p> <p> Este es mi segundo prrafo </p> <p>This is some text in a paragraph.</p> <p>This text contains <sub>subscript</sub> text.</p> <p>This text contains <sup>superscript</sup> text.</p> Ttulo para el documento completo <title> Contenido centrado <center>This text will be center-aligned.</center> Ejemplo cabecera y cuerpo del documento HTML <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html> Comentarios en HTML En nuestro cdigo HTML podemos poner comentarios para hacer ms entendible y leble nuestro documento para terceras personas y para nosotros mismos cuando queremos leer y entender nuestro cdigo. Los comentarios son ignorados por el navegador y son escritos de la siguiente forma. <!--Esto es un comentario --> Ejemplo Cabecera y cuerpo y su visualizacin
Pgina 2 de 4
172537644.doc
HTML y Dreamweaver
Ejemplo Listas <H1>Listas</H1> Una lista ordenada <ol> <li>Uno</li> <li>Dos</li> <li>Tres</li> </ol> <br><br> Una lista sin ordenar <ul> <li>Uno</li> <li>Dos</li> <li>Tres</li> </ul> Formato de los colores HTML: Cada cdigo HTML comprende el smbolo # y 6 letras o nmeros. Estos nmeros se expresan en el sistema de numeracin hexadecimal. Por ejemplo FF en hexadecimal representa el nmero 255 en Decimal. Significado de los smbolos: Significado de los smbolos: Los dos primeros smbolos del cdigo de color HTML representan la intensidad del color Rojo. 00 es el menos intenso y FF es el ms intenso. El tercer y el cuarto nmero representan la intensidad del Verde y el quinto y el sexto representan la intensidad del Azul. As, con esta combinacin de la intensidad del rojo, verde y azul podemos mezclar cualquier color que deseemos de corazn;) Ejemplos: #FF0000 - Con este cdigo HTML le decimos al navegador que muestre la mxima cantidad de rojo y nada de verde ni de azul. El resultado es evidentemente el color rojo puro: #00FF00 - Este cdigo HTML muestra solo el verde y nada de rojo ni de azul. El resultado es: #0000FF - Este cdigo HTML muestra solo el azul y nada de rojo ni de verde. El resultado es: #FFFF00 - Con la combinacin de color rojo y verde obtenemos el amarillo: #CCEEFF - Cogemos un poco de rojo, un poco ms de verde y el mximo de azul para obtener el color del cielo: Color de fondo (bgcolor) texto (text) y enlaces (link) <body bgcolor="#0000ff" text="red" link="#0000ff"> Color de texto <font color="fuchsia">Este texto est en rojo</font> <font color="#ff0000">Texto rojo </font>
Pgina 3 de 4
172537644.doc
HTML y Dreamweaver
Color
Hexadecimal #FFFFFF #000000 #000080 #0000FF #008000 #008080 #00FF00 #00FFFF #800000 #800080 #808000 #808080 #C0C0C0 #FF0000 #FF00FF #FFFF00
Nombre white black navy blue green teal lime aqua maroon purple olive gray silver red fuchsia yellow
Pgina 4 de 4
172537644.doc