Etiquetas Básicas (Estructura HTML) Etiquetas Atributos Valores Descripción. Formato de Presentación Etiquetas Atributos Valores Descripción

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Etiquetas Básicas (Estructura HTML) Etiquetas Atributos Valores Descripción. Formato de Presentación Etiquetas Atributos Valores Descripción"

Pablo Juárez Rey
hace 8 años
Vistas:

1 Etiquetas Básicas (Estructura HTML) <HTML> </HTML> Inicio y final del documento html <HEAD> </HEAD> <TITLE> </TITLE> <BODY> </BODY> text link alink vlink topmargin (IE) leftmargin (IE) marginheight margin Tamaño en pixels (ejemplo: 10px) Información general del documento html Titulo del documento. Visible en la barra del navegador Inicio y final del cuerpo del documento. Lo que se ve en el navegador. Archivo de imagen bgproperties (IE) Fixed Formato de Presentación <B> </B> Estilo Negrita <I> </I> <U> </U> Estilo Cursiva (italica) Estilo Subrayado <S> </S> Estilo Tachado (Strike) <SUB> </SUB> <SUP> </SUP> <TT> </TT> Estilo Subíndice Estilo Superíndice face Nombre de Fuente (ejemplo: Arial) Estilo Anchura Fija (mismo espacio cada letra) <FONT> </FONT> size Tamaño (1-7) (ejemplo: 5) Formateo de la fuente. (BASEFONT) color <PRE> </PRE> Preformateado (tal y como se escribe) <CENTER> </CENTER> <BLINK> </BLINK> <MARQUEE> </MARQUEE> Alineación centrada Intermitencia Marquesina Raúl Sánchez Domínguez Página 1

2 Definición Estructural <Hx> </Hx> <P> </P> <DIV> <DIV> <BR> Clear (texto alrededor img.) left center Right justify left center Right justify left right all Encabezados (x = nº entre 1 y 6) Párrafo División, bloque Salto de línea size Ancho en píxel o % <HR> Alto en pixels (ejemplo: 10px) Línea horizontal noshade - <BLOCKQUOTE> </BLOCKQUOTE> <BIG> </BIG> <SMALL> </SMALL> Sangria (margenes) Tamaño fuente mayor Tamaño fuente menor <EM> </EM> <STRONG> </STRONG> <CITE> </CITE> Estilo Énfasis (Habitualmente Cursiva) Estilo Énfasis Fuerte (Habitualmente Negrita) Estilo Cita (Habitualmente Cursiva) <ADRESS> </ADRESS> <ABBR> </ABBR> <ACRONYM> </ACRONYM> <CODE> </CODE> <SAMP> </SAMP> <VAR> </VAR> Estilo Dirección Estilo Abreviatura Estilo Acrónimo Estilo Código Estilo Salida Simple Estilo Variable Raúl Sánchez Domínguez Página 2

10px) Línea horizontal noshade - <BLOCKQUOTE> </BLOCKQUOTE> <BIG> </BIG> <SMALL> </SMALL> Sangria (margenes) Tamaño fuente mayor Tamaño fuente menor <EM> </EM> <STRONG> </STRONG> <CITE> </CITE>

3 Formato de Listas <UL> <LI></LI> </UL> <OL> <LI></LI> </OL> <DL> <DT></DT> <DD></DD> </DL> (aplicados a UL) (aplicados a OL) start (aplicados a OL) disk circle square 1 I i A a Carácter Inicial Lista no numerada (viñetas, no ordenada) Lista numerada (ordenada) Lista de Definiciones Vínculos <A> </A> <A> </A> href title target (archivo html) (#ancla) (URL, (malito: ) (Texto Emergente) _blank _parent _top _self (nombre del ancla) Establece un vínculo o enlace Establece un punto de anclaje Imágenes src Ancho en píxels o % height Alto en píxels o % hspace Espacio Vertical (ej. 10px ) <IMG> vspace border Espacio Horizontal (ej. 10px ) Tamaño en pixels (ej. 10px) Inserta una imágen title Título Emergente alt Texto Alternativo top middle bottom left right Raúl Sánchez Domínguez Página 3

..) (malito:email) (Texto Emergente) _blank _parent _top _self (nombre del ancla) Establece un vínculo o enlace Establece un punto de anclaje Imágenes src Ancho en píxels o % height Alto en píxels o

4 Tablas <TABLE> </TABLE> height border cellspacing cellpadding bordercolor (IE) Ancho en píxels o % Alto en píxels o % Tamaño borde exterior (ej. 10px) Espaciado entre Celdas (ej. 5) Relleno de Celdas (ej. 5) Inserta una tabla. Debe encerrar etiquetas de filas (<tr>) y celdas (<td>). <CAPTION> </CAPTION> Título de la tabla <TR> </TR> v bordercolor (IE) top middle bottom Inserta una fila dentro la tabla. Debe encerrar etiquetas de celdas (<td>) (no recommendable) v top middle bottom Ancho en píxels o %(ej. 100px 40%) height Alto en píxels o % <TD> </TD> bordercolor (IE) Inserta una celda dentro de la fila (no recommendable) nowrap - colspan Nº columnas abarcadas (ej. 2) <TH> </TH> rowspan Los mismos que <TD> Nº columnas abarcadas (ej. 2) Los mismos que <TD> Inserta celda cabecera (negrita y centrado) Raúl Sánchez Domínguez Página 4

<CAPTION> </CAPTION> Título de la tabla <TR> </TR> v bordercolor (IE) top middle bottom Inserta una fila dentro la tabla.

5 Formularios action mailto: <FORM> </FORM> method enc post text/plain Define un formulario (Solo se indican etiquetas y atributos necesarios para mandar s) Nombre del Formulario text password maxlenght size Nº (Máximo de caracteres) Nº (Ancho en caracteres) Define un campo Text o Password dentro del Form Inicial (contenido del campo) radio checkbox (si es radio el mismo para todos) Define un casilla de opción o una casilla de verificacion del Form checked - submit reset image src Nombre del Boton (texto del botón) Ruta de la imagen (solo para el tipo image) Define un botón de enviar, o limpiar el formulario. hidden Define un campo oculto (contenido del campo) <TEXTAREA> </TEXTAREA> rows cols Nº de Filas Nº de columnas (ancho en caracteres) Define un área de texto. Se utiliza cuando hay que insertar gran cantidad de texto. Raúl Sánchez Domínguez Página 5

todos) Define un casilla de opción o una casilla de verificacion del Form checked - submit reset image src Nombre del Boton (texto del botón) Ruta de la imagen (solo para el tipo image) Define un

6 Name (aplicado a <select>) </SELECT> <OPTION> Texto Opción </OPCION> </SELECT> Size (aplicado a <select>) multiple (aplicado a <select>) (aplicado a <option>) Altura (para lista no deplegable) - (contenido del campo) Define una lista desplegable o una lista de selección (para esta aplicar size) selected (aplicado a <option>) - Frames (Marcos) rows numérico o % (ejemplo rows=10%,*,10%) <FRAMESET> </FRAMESET> cols frameborder numérico o % (ejemplo cols=*,10) yes no Especifica el número de frames. Debe ir dentro del <HEAD> border numérico bordercolor src (página html) <FRAME> </FRAME> nombre del frame noresize - Define un frame. Debe ir dentro del <FRAMESET> scroll yes no auto <NOFRAME> <body></body> </NOFRAME> Alternativa para navegadores que no soportan frames. Debe ir dentro del <HEAD> Raúl Sánchez Domínguez Página 6

<FRAMESET> </FRAMESET> cols frameborder numérico o % (ejemplo cols=*,10) yes no Especifica el número de frames.

Documentos relacionados

Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta ADDRESS ADDRESS CITE CITE B: NEGRITA B: NEGRITA.

En la presente tabla se hace una comparación entre las etiquetas de formato de texto. Netscape no soporta : ni (tachado). Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta