0 calificaciones0% encontró este documento útil (0 votos)
424 vistas6 páginas
Este documento resume las principales etiquetas HTML y sus atributos. Algunas etiquetas importantes son <HTML> para definir un documento HTML, <HEAD> para la cabecera, <TITLE> para el título, <BODY> para el cuerpo, <H1>-<H6> para encabezados, <P> para párrafos, <IMG> para imágenes, y <FONT> para estilo de fuente. Muchas etiquetas incluyen atributos opcionales para especificar alineación, color, tamaño y otros formatos.
Este documento resume las principales etiquetas HTML y sus atributos. Algunas etiquetas importantes son <HTML> para definir un documento HTML, <HEAD> para la cabecera, <TITLE> para el título, <BODY> para el cuerpo, <H1>-<H6> para encabezados, <P> para párrafos, <IMG> para imágenes, y <FONT> para estilo de fuente. Muchas etiquetas incluyen atributos opcionales para especificar alineación, color, tamaño y otros formatos.
Este documento resume las principales etiquetas HTML y sus atributos. Algunas etiquetas importantes son <HTML> para definir un documento HTML, <HEAD> para la cabecera, <TITLE> para el título, <BODY> para el cuerpo, <H1>-<H6> para encabezados, <P> para párrafos, <IMG> para imágenes, y <FONT> para estilo de fuente. Muchas etiquetas incluyen atributos opcionales para especificar alineación, color, tamaño y otros formatos.
<HTML> </HTML> El texto es un documento HTML <HEAD> </HEAD> Cabecera de la página <TITLE> </TITLE> Título de la página en la barra de título del navegador <!-- --> Comentarios <BODY> </BODY> Cuerpo de la página Atributo Valores posibles Significado black, silver, gray, white, maroon, red, purple, fuchsia, Color del fondo de la BGCOLOR green, lime, olive, yellow, navy, página blue, teal, aqua #RRGGBB Color del texto de la TEXT Los mismos que antes página Imagen de fondo de la BACKGROUND ruta/archivo_de_imagen.ext página Color del texto con LINK Nombre o código de color enlace VLINK Nombre o código de color Color del enlace visitado ALINK Nombre o código de color Color del enlace activo <HR> Dibuja una línea horizontal Atributo Valores posibles Significado ALIGN center, right, left Alineación SIZE Un número Grosor de la línea Tanto por ciento de la WIDTH Un porcentaje página que ocupa la línea Sin sombra. Evita el NOSHADE efecto 3D COLOR Los mismos que en BGCOLOR Color de la línea <H1> a <H6> </H1> a </H6> Tamaño de título o encabezado. H1 es el tamaño mayor. H6 el menor. <CENTER> </CENTER> Presenta el texto centrado <BR> Salto de línea <P> </P> Opcional Salto de párrafo Atributo Valores posibles Significado ALIGN center, right, left Alineación del texto <DIV> </DIV> Opcional Salto de línea. Admite atributo de alineación de la nueva línea Atributo Valores posibles Significado ALIGN center, right, left Alineación del texto <BLOCKQUOTE> </BLOCKQUOTE> Presenta el texto con una sangría izquierda <B> </B> Presenta el texto en negrita <I> </I> Presenta el texto en cursiva <U> </U> Presenta el texto subrayado <S> </S> Presenta el texto tachado <SUP> </SUP> Presenta el texto en superíndice <SUB> </SUB> Presenta el texto en subíndice <BIG> </BIG> Presenta el texto a un tamaño mayor <SMALL> </SMALL> Presenta el texto a un tamaño menor <FONT> </FONT> Cambia el tipo, color y tamaño de letra Atributo Valores posibles Significado FACE Cualquier nombre de fuente Especifica el tipo de letra 1, 2, 3, 4, 5, 6, 7 Especifica el tamaño SIZE +1, -1, +2, -2, … concreto Tamaño relativo (respecto a 3) COLOR Los mismos que BGCOLOR Color de la fuente <STRONG> </STRONG> Texto en negrita <CITE> </CITE> Texto en cursiva <STRIKE> </STRIKE> Texto tachado
Etiqueta Cierre Significado
<META> Muestra información para el navegador Atributo Valores posibles Significado Este valor se usa para indicar el tipo de HTTP-EQUIV Content-Type contenido del documento (indicado en CONTENT) El contenido del documento utiliza CONTENT text/html; charset=iso-8859-1 caracteres de un idioma europeo occidental Texto indicando descripción de la página, palabras clave, CONTENT autor o programa generador, Contenido según el valor indicado en NAME description Descripción del contenido de la página keywords Palabras clave para NAME buscadores author Nombre del autor generador Nombre del programa generador de la página <IMG> Inserta una imagen en el documento Atributo Valores posibles Significado Ubicación y nombre de la SRC ruta/fichero_de_imagen.ext imagen Texto alternativo para la ALT Texto imagen Grosor del borde de la BORDER Número en píxeles imagen Número en píxeles o HEIGHT Altura de la imagen porcentaje Número en píxeles o WIDTH Anchura de la imagen porcentaje Puntos de separación HSPACE Número en píxeles horizontales de la imagen con respecto al texto. Puntos de separación VSPACE Número en píxeles verticales de la imagen con respecto al texto top Alineación del texto con middle respecto a la imagen (los bottom ALIGN 3 primeros) center Alineación de la imagen left con respecto al texto. right Se indica que una imagen USEMAP #nombremapa será un mapa sensible. No es una etiqueta sino el código de un carácter, indicado en entidad, ej: &entidad; < (<), > (>), (espacio), " (comillas), … &número; No es una etiqueta sino el código de un carácter, indicado en número, ej: &60; (<), &62; (>), &160; (espacio), … Esta etiqueta no se usa sola sino con los atributos correspondientes para <A> </A> crear los enlaces o hipervínculos. Atributo Valores posibles Significado URL de la forma: Enlace al lugar indicado: http://....... página de Internet, lugar #marcador del documento marcado HREF ruta/….htm con marcador, enlace a ruta/nombrefichero.ext otra página, fichero o malito:direccióncorreo dirección de correo. Coloca una marca no visible en el lugar del NAME nombre de marcador documento donde aparezca esta etiqueta.
Etiqueta Cierre Significado
<UL> </UL> Define una lista desordenada (viñeta) <OL> </OL> Define una lista ordenada (viñeta ordenada) <DL> </DL> Define una lista de definición <LI> No lleva Define un término en una lista desordenada u ordenada <DT> No lleva Define un término en una lista de definición <DD> No lleva Establece la definición de un término de una lista de definición Atributo Valores posibles Significado Cualquiera de las etiquetas relativas a Cambia el tipo de símbolo usado para la las listas, pueden llevar el atributo TYPE TYPE circle, disc, square, 1, a, A, i, l viñeta (en toda o en una línea) <TABLE> </TABLE> Define una tabla Atributo Valores posibles Significado Grosor del borde de la BORDER nº en píxeles tabla Ancho de la tabla (en WIDTH nº en píxeles o en % píxeles o % respecto a la pantalla) HEIGHT nº en píxeles o en % Altura de la tabla Espacio entre las CELLSPACING nº en píxeles celdas de la tabla Espacio entre el contenido de las CELLPADDING nº en píxeles celdas y el borde de las mismas. Alineación de la tabla ALIGN left, right, center respecto a la pantalla. Color de fondo de la BGCOLOR nombre de color o número tabla Color del borde de la BORDERCOLOR nombre de color o número tabla. Imagen de fondo para BACKGROUND ruta/archivodeimagen.ext la tabla. <TR> </TR> Opcional Define una fila de la tabla <TD> </TD> Opcional Define una celda dentro de una fila <TH> </TH> Define una fila de encabezado para la tabla Atributo Valores posibles Significado Los siguientes atributos son aplicables a Alinea el contenido a ALIGN left, right, center filas (TR o TH) y celdas (TD) la izda, drecha o centro WIDTH nº en píxeles o en % Ancho de la fila o celda HEIGHT nº en píxeles o en % Altura de la fila o celda Color de fondo de la BGCOLOR nombre de color o número fila o celda Color del borde de la BORDERCOLOR nombre de color o número fila o celda Imagen de fondo para BACKGROUND ruta/archivodeimagen.ext la fila o celda Alinea el contenido VALIGN top, middle, bottom verticalmente arriba, en medio o abajo Especifica el número COLSPAN nº de columnas que abarca la fila Especifica el número ROWSPAN nº de filas que abarca la columna Abre un mapa sensible ya definido mediante <IMG SCR =imagen <MAP> </MAP> USEMAP=nombremapa>
Etiqueta Cierre Significado
Atributo Valores posibles Significado Indica el nombre del NAME nombremapa mapa sensible ya definido. <AREA> Define una zona en el mapa y los enlaces asignados a la misma. Atributo Valores posibles Significado SHAPE rect, circle, poly, default Forma de la zona. números que indican los Coordenadas de la COORDS vértices. zona. Dirección vinculada a HREF dirección URL esa zona. Comentario que ALT comentario aparecerá al pasar el ratón por esa zona. <FRAMESET> </FRAMESET> Declaración de los frames o marcos e que se dividirá la ventana Atributo Valores posibles Significado Define el número y el ROWS nº, porcentaje o * tamaño de los frames, especificando filas Define el número y el tamaño de los frames, COLS nº, porcentaje o * especificando columnas. Indica si los frames FRAMEBORDER yes, no tendrán bordes o no. Tras declarar los frames con FRAMESET, hay que indicar con esta <FRAME> etiqueta, qué página se cargará en cada frame y cómo se llamará. Atributo Valores posibles Significado Página que se cargará SRC nombre.htm en el frame. Nombre del frame NAME nombre para referirnos a él. Indica si el frame SCROLLING yes, no, auto llevará siempre, nunca o cuando lo necesite, la barra de desplazamiento vertical. Indica el margen horizontal, tanto MARGINWIDTH nº en píxeles derecho como izquierdo, en píxeles. Indica el margen vertical, tanto superior MARGINHEIGHT nº en píxeles como inferior, en píxeles. Indica que el frame no NORESIZE se puede redimensionar. <FORM> </FORM> Define un formulario. Atributo Valores posibles Significado Indica la dirección de correo a la que se ACTION dirección de correo enviarán los datos del formulario. Indica cómo se METHOD post, get transferirán los datos. diversos valores de Indica la forma de ENCTYPE codificación del texto, ej. codificación del texto Text/Plain
Etiqueta Cierre Significado
Define un campo que puede ser un cuadro de texto, una casilla de <INPUT> verificación, un botón de opción o un botón de comando, según el valor del atributos TYPE. Atributo Valores posibles Significado Define un cuadro de text texto, una casilla de checkbox verificación, un botón TYPE radio de opción, un botó de submit enviar o un botón de reset borrar. Indica la longitud en SIZE nº caracteres del cuadro de texto. Indica el nombre NAME nombre asignado a ese control. Indica el valor asignado a esa opción en el caso de los checkbox o los radio. VALUE nombre O bien, si es un botón de opción, indica el texto que aparecerá en él. Indica si la opción será CHECKED la seleccionada. <TEXTAREA> </TEXTAREA> Define un área de texto de varias líneas. Atributo Valores posibles Significado NAME nombre Nombre del control. Nº de columnas que COLS nº ocupa. ROWS nº Nº de filas. <SELECT> </SELECT> Define una lista de opciones o menú desplegable. Atributo Valores posibles Significado NAME nombre Nombre del control. Nº de opciones que se SIZE nº mostrarán en la lista. Permite realizar MULTIPLE selecciones múltiples. Define una opción del menú desplegable definido mediante la etiqueta <OPTION> SELECT. Atributo Valores posibles Significado Indica la opción SELECTED seleccionada por defecto