Etiquetas HTML PDF

Curso Diseo Web con Software libre, VNU Referencia HTML
Etiquetas Bsicas (Estructura HTML)

Etiquetas Atributos Valores Descripcin
<HTML> Inicio y final del
- -
</HTML> documento html
<HEAD> Informacin general del

- -
</HEAD> documento html
Titulo del documento.
<TITLE>
- - Visible en la barra del
</TITLE>
navegador
text
link
Color Hexadecimal
alink
(ejemplo: #000000)
vlink
bgcolor
topmargin (IE)
leftmargin (IE) Tamao en pixels Inicio y final del cuerpo
<BODY>
marginheight (ejemplo: 10px) del documento. Lo que
</BODY>
marginwidth se ve en el navegador.
background Archivo de imagen
bgproperties (IE) Fixed
Formato de Presentacin
<B>
- - Estilo Negrita
</B>
<I>
- - Estilo Cursiva (italica)
</I>
<U>
- - Estilo Subrayado
</U>
<S> Estilo Tachado

- -
</S> (Strike)
<SUB>
- - Estilo Subndice
</SUB>
<SUP>
- - Estilo Superndice
</SUP>
Estilo Anchura Fija
<TT>
- - (mismo espacio cada
</TT>
letra)
Nombre de Fuente
face
(ejemplo: Arial)
<FONT> Tamao (1-7) Formateo de la fuente.

size
</FONT> (ejemplo: 5) (BASEFONT)
Color Hexadecimal
color
(ejemplo: #000000)
<PRE> Preformateado
- -
</PRE> (tal y como se escribe)
<CENTER>
- - Alineacin centrada
</CENTER>
<BLINK>
- - Intermitencia
</BLINK>
<MARQUEE>
- - Marquesina
</MARQUEE>
Ral Snchez Domnguez Pgina 1

Definicin Estructural
<Hx> Encabezados
align left | center | right
</Hx> (x = n entre 1 y 6)
left
<P> center
align Prrafo
</P> Right
justify
left
<DIV> center
align Divisin, bloque
<DIV> Right
justify
Clear
<BR> left | right | all Salto de lnea
(texto alrededor img.)
Ancho en pxel o %
size
(ej. 100px 40%)
Alto en pixels
width
(ejemplo: 10px)
<HR> Lnea horizontal
noshade -
<BLOCKQUOTE>
- - Sangria (margenes)
</BLOCKQUOTE>
<BIG>
- - Tamao fuente mayor
</BIG>
<SMALL>
- - Tamao fuente menor
</SMALL>
<EM> Estilo nfasis

- -
</EM> (Habitualmente Cursiva)
<STRONG> Estilo nfasis Fuerte

- -
</STRONG> (Habitualmente Negrita)
<CITE> Estilo Cita

- -
</CITE> (Habitualmente Cursiva)
<ADRESS>
- - Estilo Direccin
</ADRESS>
<ABBR>
- - Estilo Abreviatura
</ABBR>
<ACRONYM>
- - Estilo Acrnimo
</ACRONYM>
<CODE>
- - Estilo Cdigo
</CODE>
<SAMP>
- - Estilo Salida Simple
</SAMP>
<VAR>
- - Estilo Variable
</VAR>

Formato de Listas
<UL>
type Lista no numerada
<LI></LI> disk | circle | square
(aplicados a UL) (vietas, no ordenada)
</UL>
type
<OL> 1|I|i|A|a
(aplicados a OL) Lista numerada
<LI></LI>
start (ordenada)
</OL> Carcter Inicial
(aplicados a OL)
<DL>
<DT></DT>
- - Lista de Definiciones
<DD></DD>
</DL>
Vnculos
(archivo html)
(#ancla)
href
(URL, http://www...)
(malito:email)
<A> Establece un vnculo o
title (Texto Emergente)
</A> enlace
_blank
_parent
target
_top
_self
<A> Establece un punto de
name (nombre del ancla)
</A> anclaje
Imgenes
src (archivo imgen)
Ancho en pxels o %
width
(ej. 100px 40%)
Alto en pxels o %
height
(ej. 100px 40%)
Espacio Vertical
hspace
(ej. 10px )
Espacio Horizontal
vspace
(ej. 10px )
<IMG> Inserta una imgen
Tamao en pixels
border
(ej. 10px)
title Ttulo Emergente
alt Texto Alternativo
top
middle
align bottom
left
right

Tablas
Ancho en pxels o %
width
(ej. 100px 40%)
Alto en pxels o %
height
(ej. 100px 40%)
Tamao borde exterior
border
(ej. 10px)
Espaciado entre Celdas
cellspacing
(ej. 5)
Inserta una tabla.
<TABLE> Relleno de Celdas Debe encerrar etiquetas
cellpadding
</TABLE> (ej. 5) de filas (<tr>) y celdas
(<td>).
Color Hexadecimal
bgcolor
(ejemplo: #000000)
Color Hexadecimal
bordercolor (IE)
(ejemplo: #000000)
background (archivo imgen)
<CAPTION>
align left | center | right Ttulo de la tabla
</CAPTION>
valign top | middle | bottom

Inserta una fila dentro la
<TR> Color Hexadecimal tabla. Debe encerrar
bgcolor
</TR> (ejemplo: #000000) etiquetas de celdas
(<td>)
Color Hexadecimal
bordercolor (IE)
(ejemplo: #000000)
(archivo imgen)
background
(no recommendable)
valign top | middle | bottom
Ancho en pxels o %(ej.

width
100px 40%)
Alto en pxels o %
height
(ej. 100px 40%)
Color Hexadecimal
bgcolor
<TD> (ejemplo: #000000) Inserta una celda
</TD> Color Hexadecimal dentro de la fila
bordercolor (IE)
(ejemplo: #000000)
(archivo imgen)
background
(no recommendable)
nowrap -
N columnas abarcadas
colspan
(ej. 2)
N columnas abarcadas
rowspan
(ej. 2)
<TH> Inserta celda cabecera
Los mismos que <TD> Los mismos que <TD>
</TH> (negrita y centrado)

Formularios
action mailto:email
Define un formulario
method post (Solo se indican
<FORM>
etiquetas y atributos
</FORM>
enctype text/plain necesarios para
mandar emails)
name Nombre del Formulario
type text | password
name Nombre del Campo
Define un campo Text o

N
<INPUT> maxlenght Password dentro del
(Mximo de caracteres)
Form
N
size
(Ancho en caracteres)
Valor Inicial
value
(contenido del campo)
type radio | checkbox
Nombre del Campo

name (si es radio el mismo para
Define un casilla de
todos)
<INPUT> opcin o una casilla de
value Valor verificacion del Form
checked -
type submit | reset | image
name Nombre del Boton

Define un botn de
<INPUT> enviar, o limpiar el
Valor formulario.
value
(texto del botn)
Ruta de la imagen
src (solo para el tipo
image)
type hidden
<INPUT> name Nombre del Campo Define un campo oculto
Valor
value
(contenido del campo)
name Nombre del Campo

Define un rea de texto.
<TEXTAREA> Se utiliza cuando hay
rows N de Filas
</TEXTAREA> que insertar gran
cantidad de texto.
N de columnas
cols
(ancho en caracteres)

Name
Nombre del Campo
(aplicado a <select>)
Size Altura
</SELECT> (aplicado a <select>) (para lista no deplegable)
Define una lista
<OPTION>
multiple desplegable o una lista
Texto Opcin -
(aplicado a <select>) de seleccin (para esta
</OPCION>
aplicar size)
</SELECT> value Valor
(aplicado a <option>) (contenido del campo)
selected
-
(aplicado a <option>)
Frames (Marcos)
Valor numrico o %
rows
(ejemplo rows=10%,*,10%)
Valor numrico o %
cols
(ejemplo cols=*,10)
Especifica el nmero de
<FRAMESET>
frameborder yes | no frames. Debe ir dentro
</FRAMESET>
del <HEAD>
border Valor numrico
Color Hexadecimal
bordercolor
(ejemplo: #000000)
src (pgina html)
name nombre del frame Define un frame. Debe

<FRAME>
ir dentro del
</FRAME>
noresize - <FRAMESET>
scroll yes | no | auto
Alternativa para
<NOFRAME>
navegadores que no
<body></body> - -
soportan frames. Debe
</NOFRAME>
ir dentro del <HEAD>

Etiquetas HTML PDF

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Etiquetas HTML PDF

Transféré par

Droits d'auteur :

Formats disponibles

Curso Diseo Web con Software libre, VNU Referencia HTML

Etiquetas Bsicas (Estructura HTML)

<HEAD> Informacin general del

background Archivo de imagen

bgproperties (IE) Fixed

<S> Estilo Tachado

<FONT> Tamao (1-7) Formateo de la fuente.

Ral Snchez Domnguez Pgina 1

<EM> Estilo nfasis

<STRONG> Estilo nfasis Fuerte

<CITE> Estilo Cita

Ral Snchez Domnguez Pgina 2

title Ttulo Emergente

alt Texto Alternativo

Ral Snchez Domnguez Pgina 3

background (archivo imgen)

align left | center | right

align left | center | right

valign top | middle | bottom

align left | center | right

valign top | middle | bottom

Ancho en pxels o %(ej.

Ral Snchez Domnguez Pgina 4

name Nombre del Formulario

type text | password

name Nombre del Campo

Define un campo Text o

type radio | checkbox

Nombre del Campo

type submit | reset | image

name Nombre del Boton

<INPUT> name Nombre del Campo Define un campo oculto

name Nombre del Campo

Ral Snchez Domnguez Pgina 5

border Valor numrico

src (pgina html)

name nombre del frame Define un frame. Debe

scroll yes | no | auto

Ral Snchez Domnguez Pgina 6

Vous aimerez peut-être aussi