Este documento describe los principales elementos estructurales y de formato de un documento HTML, incluyendo secciones, párrafos, listas, enlaces, imágenes, tablas, paneles y formularios. Explica las etiquetas y atributos utilizados para definir cada uno de estos componentes y controlar su presentación y comportamiento.
Copyright:
Attribution Non-Commercial (BY-NC)
Formatos disponibles
Descargue como DOC, PDF, TXT o lea en línea desde Scribd
0 calificaciones0% encontró este documento útil (0 votos)
389 vistas4 páginas
Este documento describe los principales elementos estructurales y de formato de un documento HTML, incluyendo secciones, párrafos, listas, enlaces, imágenes, tablas, paneles y formularios. Explica las etiquetas y atributos utilizados para definir cada uno de estos componentes y controlar su presentación y comportamiento.
Este documento describe los principales elementos estructurales y de formato de un documento HTML, incluyendo secciones, párrafos, listas, enlaces, imágenes, tablas, paneles y formularios. Explica las etiquetas y atributos utilizados para definir cada uno de estos componentes y controlar su presentación y comportamiento.
Copyright:
Attribution Non-Commercial (BY-NC)
Formatos disponibles
Descargue como DOC, PDF, TXT o lea en línea desde Scribd
Descargar como doc, pdf o txt
0 calificaciones0% encontró este documento útil (0 votos)
Este documento describe los principales elementos estructurales y de formato de un documento HTML, incluyendo secciones, párrafos, listas, enlaces, imágenes, tablas, paneles y formularios. Explica las etiquetas y atributos utilizados para definir cada uno de estos componentes y controlar su presentación y comportamiento.
Copyright:
Attribution Non-Commercial (BY-NC)
Formatos disponibles
Descargue como DOC, PDF, TXT o lea en línea desde Scribd
Descargar como doc, pdf o txt
Está en la página 1/ 4
RESUMEN HTML
ELEMENTOS DE ESTRUCTURA
<HTML> primer elemento que enmarca todo el fichero HTML (obligatorio)
<HEAD> zona de cabecera (obligatorio) <TITLE> definición de un título (obligatorio) </TITLE> fin de la definición de un título (obligatorio) </HEAD> fin de la zona de cabecera (obligatorio) <BODY BGCOLOR=“color” con un color de fondo TEXT=“color” color del texto LINK=“color” color de enlaces no visitados VLINK=“color” color de enlaces visitados ALINK=“color” color de enlace al hacer click BACKGROUND=“URL” con una imagen de fondo > contenido_documento </BODY> fin del cuerpo del documento (obligatorio)
<ADDRESS> bloque de información sobre el autor del documento (opcional)
<!-- zzzzz --> comentarios (opcional) </HTML> final del fichero HTML (obligatorio)
PÁRRAFOS Y DIVISIONES <P> comienzo del un párrafo </P> fin del párrafo <Hn> con n=1 a 6, donde 1 es el tamaño máximo de carácter. Esta marca genera un espaciado vertical de tipo párrafo. <BR> fuerza un salto de línea. <HR> permite dibujar un trazo a través de la página <PRE> el texto insertado entre las marcas <PRE> y </PRE> será visualizado por el browser, respetando el formateo tal como haya sido entrado en fichero fuente HTML. LISTAS • LISTAS DESCRIPTIVAS <DL> apertura de la lista. <DT> título del elemento n <DD> descripción del elemento n. <DT> título del elemento n+1 <DD> descripción del elemento n+1. </DL> cierre de la lista.
• LISTAS NO NUMERADAS <UL> apertura de la lista. <LI> elemento de la lista <LI> ...... </UL> cierre de la lista. • LISTAS NUMERADAS <OL> apertura de la lista. <LI> elemento de la lista <LI> ...... </OL> cierre de la lista. ESTILOS • ESTILOS FÍSICOS <B> para caracteres en negrita. <I> para caracteres en cursiva. <U> para caracteres subrayados. <TT> para caracteres tipo máquina de escribir.
• ESTILOS LÓGICOS
<CITE> para citar una obra por ejemplo.
<CODE> para un ejemplo de programa informático. <DFN> para una definición. <EM> para una palabra extranjera. <KBD> para simular una entrada de texto por el teclado. <SAMP> para citar un texto de ejemplo. <STRONG> para resaltar. <VAR> para representar una variable.
• ESTILOS DE PÁRRAFOS
<BLOCKQUOTE> para una cita.
<ADDRESS> para una dirección, una firma. <PRE> para representar un texto tal como ha sido escrito. <FORN SIZE=altura COLOR=#RGB> regular el tamaño y color de los caracteres.
ENLACES
<A HREF=”URL”>...</A> un URL estándar.
<A HREF=”#LABEL”>...</A> un punto preciso del documento. <A HREF=”URL#LABEL”>...</A> combinación de las dos anteriores. <A NAME=”LABEL”> ... </A> punto de entrada (subdirección) en un documento.
INCLUSIÓN DE IMÁGENES <IMG SRC=URL_ fichero.gif> marca para incluir imagen <A HREF=URL_ fichero.gif>...</A> fichero gráficos apuntado por enlace <A HREF=URL_ fichero.jpeg>...</A> fichero gráficos apuntado por enlace Atributos de imagen ALT=texto texto para especificar un texto de sustitución para los browsers no gráficos. ALIGN=TOP, BOTTOM, o MIDDLE para alinear la imagen con una línea de texto. ALIGN=LEFT o RIGHT para hacer flotar la imagen a la izquierda o derecha del texto. WIDTH=i y HEIGHT=h donde i y h representan la anchura y la altura de la imagen en pixels. BORDER=n donde n representa el grosor del trazo que bordea la imagen; el valor 0 suprime el borde. TABLAS <TABLE> definición de la tabla. BORDER define el espacio alrededor del texto de una celda. CELLSPACING define el espacio entre las celdas. WIDTH define la anchura de la tabla, relativo a la anchura de la ventana del browser.
<TR> describe una línea de la tabla.
VALIGN alineación vertical: TOP coloca el texto en la parte superior de la celda. BOTTOM coloca el texto en la parte inferior de la celda. MIDDLE coloca el texto en el centro de la celda.
ALIGN alineación horizontal:
RIGHT coloca el texto a la derecha de la celda. LEFT coloca el texto a la izquierda de la celda. CENTER centra el texto en la celda. </TR> termina la definición de la línea. <TD> inicio de una columna. VALIGN alineación vertical. ALIGN alineación horizontal. COLSPAN celda cuya superficie (num. columnas) es múltiplo de la celda elemental. ROWSPAN celda cuya superficie (num. líneas) es múltiplo de la celda elemental. NOWRAD impide dividir el texto de la celda en varias líneas.
</TD> finaliza la definición de la columna.
<TH> marca de título de una celda (similar a <TD>). </TABLE> termina la definición de la tabla. <CAPTION> definición de un título de tabla. </CAPTION>fin de la definición de título de tabla.
PANELES O FRAMES <FRAMESET> define la geometría de los subpaneles. ROWS define la altura de los paneles, en caso de una división horizontal. COLS define la anchura de los paneles, en caso de una división vertical.
<FRAME> caracterización de cada uno de los paneles declarados.
SRC indica el documento a visualizar en el panel. NAME define un nombre para el panel, para poder ser usado como destinatario en un enlace de hipertexto. MARGINWIDTH define el espacio entre el documento y las separaciones verticales del panel. MARGINHEIGHT define el espacio entre el documento y las separaciones horizontales del panel. SCROLLING indica si el panel debe poseer o no barra de desplazamiento. NORESIZE indica que el usuario no puede redimensionar el panel.
<NOFRAMES> indica el texto que deben mostrar los browses que no permiten paneles. </NOFRAMES> fin de la definición del texto a mostrar. </FRAMESET> fin de la definición de la geometría de los subpaneles. FORMULARIOS
<FORM> comienzo del formulario.
METHOD valores POST o GET según el modo de transferencia de datos. ACTION URL del script encargado de tratar los datos.
</FORM> fin del formulario.
<INPUT> define campos de texto y botones.
TYPE selección del tipo de elemento de entrada: TYPE=“TEXT” campo de texto TYPE=“PASSWORD” para introducir contraseñas TYPE=“CHECKBOX” Las casillas de verificación (y los radiobotones) son interruptores de encendido/apagado que pueden ser conmutados por el usuario TYPE=“RADIO” Los radiobotones son como las casillas de verificación, excepto en que cuando varios comparten el mismo nombre de control, son mutuamente exclusivos: cuando uno está "encendido", todos los demás con el mismo nombre se "apagan TYPE=“HIDDEN” Nos permite enviar un parámetro al servidor sin pedir un dato al usuario (datos internos del formulario, datos de INTERÉS PARA EL SERVIDOR WEB, ETC.) TYPE=“FILE” Envío de ficheros TYPE=“BUTTON” botones pulsadores (push buttons): Los botones pulsadores no tienen un comportamiento por defecto. Cada botón pulsador puede tener asociados scripts en el lado del cliente a través del atributo event del elemento. TYPE=“SUBMIT” botones de envío (submit buttons): Cuando se activa, un botón de envío envía un formulario. Un formulario puede contener más de un botón de envío. TYPE=”RESET” botones de reinicialización (reset buttons): Cuando se ctiva, un botón de reinicialización coloca todos los controles a sus valores iniciales. TYPE=“IMAGE” Botón de envío con un gráfico
NAME asigna identificador a cada uno de los elementos del formulario.
VALUE permite: • Especificar texto sobre botones, • Rellenar de antemano un campo textarea, • Atribuir un valor a la opción de elementos radio y checkbox.
<SELECT> genera listas de selección.
SIZE si es menor de 2 es un menú desplegable, sino ventana con barra de
desplazamiento. MULTIPLE posibilita la selección múltiple. <OPTION> especifica cada uno de los ítems de la lista
</SELECT> marca el final de la lista de selección.
<TEXTAREA> crea una ventana con barras de desplazamiento horizontal y vertical para escribir texto.
ROWS delimita el número de filas de la ventana.
COLS delimita el número de columnas de la ventana.
</TEXTAREA> marca el final del texto a incluir en la ventana.
