Transcription of HTML - Aragón Emprendedor
1 HTMLgu a r pida de referencia Autor: Jorge S nchez ( ) a o 2003 Basado en la normativa sobre HTML4 disponible en: Jorge S nchez 2003 2 nnddiiccee introducci n .. 1 etiquetas de edici n de texto .. 5 formato de caracteres .. 5 formato de p rrafos .. 7 8 enlaces .. 9 body .. 10 im genes .. 11 tablas .. 12 marcos .. 15 etiquetas de cabecera .. 17 ndice .. 1 Referencia r pida de HTML 3 iinnttrroodduuccccii nn estructura de los documentos HTML <html> principio de documento <head> principio de cabecera <title>t tulo</title> .. </head> fin de cabecera <body> principio de cuerpo.
2 </body> fin fr cuerpo </html> etiquetas Todas las etiquetas en HTML est n encerradas entre los s mbolos < y > . Se cierran con el nombre de la etiqueta precedido con el s mbolo / . Las etiquetas afectan al c digo delimitado por la apertura y el cierre de la etiqueta. atributos Muchas etiquetas tienen atributos, los cuales modifican el funcionamiento de la misma. Estos se ponen de esta forma: <etiqueta atributo1= valor1 atributo2= valor2 ..> .. </etiqueta> En el cierre s lo se cierra la etiqueta. comentarios Es texto que no aparece en la p gina, sino que sirve para informarnos a nosotros mismos.
3 Se coloca: <!-- Texto del comentario .. --> s mbolos especiales El texto del documento HTML es problem tico ya que numerosos servidores no pueden almacenar c digos extendidos de texto (como los s mbolos , , o , por ejemplo). Por eso se utilizan c digos. Los c digos se colocan con el s mbolo &, seguido del nombre del c digo y finalizado con el punto y coma. Los m s utilizados son: Jorge S nchez 2003 4 " "  : (espacioobligatorio) < < > > & & colores Muchas etiquetas indican colores.
4 Hay dos formas de indicar el color. Por el nombre ( blue , yellow , silver ,..) o por el c digo. El c digo son seis cifras hexadecimales, donde las dos primeras indican el nivel de rojo, las dos siguientes el de verde y las dos ltimas el de azul. Ejemplo: #33CC66. S lo hay 216 colores seguros en Internet. Son colores que, en teor a, se ven igual en cualquier sistema operativo. Los nombres de colores m s populares son: Nombre C digo de color Color mostrado black #000000 Negro teal #008080 Teal (Marr n claro)
5 Blue #0000FF Azul navy #000080 Azul marino lime #00FF00 Lima white #FFFFFF Blanco purple #800080 P rpura yellow #FFFF00 Amarillo olive #808000 Oliva red #FF0000 Rojo maroon #800000 Marr n gray #808080 Gris fuchsia #FF00FF Fucsia green #008000 Verde silver #C0C0C0 Plata aqua #00 FFFF Agua Referencia r pida de HTML 5 eettiiqquueettaass ddee eeddiiccii nn ddee tteexxttoo <br> cierre no netscape 1 microsoft 1 html 1 Salto de l nea.
6 <hr> cierre no netscape 1 microsoft 1 html 1 Inserta una l nea horizontal. No tiene etiqueta de cierre. Atributos: noshade netscape 1 microsoft 1 html Hace que la l nea no aparezca en relieve width= tama o netscape 1 microsoft 1 html Anchura de la l nea. Puede ser relativa (50%) o absoluta (en p xeles). align= alineaci n netscape 1 microsoft 1 html Indica c mo se alinear la l nea. (Left, Center o Right). color= c digo de color netscape no microsoft 4 html no Color de la l nea. size= n netscape 1 microsoft 1 html Grosor de la l nea ejemplo <hr width=300 noshade align= left size=5 color= blue > <pre> cierre s netscape 1 microsoft 1 html 1 Hace que el texto aparezca con los espacios y tabulaciones que se crearon en el dise o.
7 Ffoorrmmaattoo ddee ccaarraacctteerreess <strong> cierre s netscape 1 microsoft 1 html 1 Letra gruesa (negrita) <b> cierre s netscape 1 microsoft 1 html 1 Negrita. Actualmente se recomienda utilizar la anterior. Jorge S nchez 2003 6 <em> cierre s netscape 1 microsoft 1 html 1 Letra enfatizada. Normalmente los navegadores la colocan en cursiva. <i> cierre s netscape 1 microsoft 1 html 1 Cursiva.
8 Se recomienda utilizar el c digo anterior <u> cierre s netscape 3 microsoft 3 html Subrayado. No se recomienda su uso porque confunde al usuario (normalmente los subrayados se interpretan como si fueran enlaces) <big> cierre s netscape 1 microsoft 1 html Agrandar la letra. Es acumulativa, es decir cu ntos m s big se pongan, mayor ser la letra. <small> cierre s netscape 2 microsoft 3 html Hace la letra m s peque a. Tambi n es acumulativa <sub> cierre s netscape 2 microsoft 3 html Sub ndice <sup> cierre s netscape 2 microsoft 3 html Super ndice <s> o <strike> cierre s netscape 3 microsoft 3 html Tachado.
9 Coloca una l nea en el centro del texto. <font> cierre s netscape 1 microsoft 1 html Especifica la fuente a utilizar. Posee los siguientes par metros: size= tama o netscape 1 microsoft 1 html Indica el tama o. Puede ser absoluto (7) o relativo (+2). Los tama os van de 1 a 7. Indicar +2 como tama o significa subir dos tama os a la letra. face= tipo de letra1, tipo2, tipo3,.. netscape 1 microsoft 1 html Nombre de la fuente. Se pueden indicar varias fuentes (en orden de preferencia) separadas por comas. Esto hace que si la primera no est disponible en el ordenador del usuario, se use la segunda y si no la tercera, y as sucesivamente.
10 Color= c digo netscape 2 microsoft 3 html Color del texto. Los colores se pueden indicar con su nombre, valor hexadecimal o valor RGB. (Ver ap ndice sobre colores al final del manual). Referencia r pida de HTML 7 point-size= Tama o netscape 2 microsoft no html Permite indicar el tama o de la letra en puntos. S lo lo acepta Netscape. ejemplo <font color= #66666 size= 4 face= arial, helvetica > <basefont> cierre s netscape 1 microsoft 1 html 3 Es id ntica a font, s lo que funciona para el texto por defecto de la p gina web.
