Etiquetas HTML

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

Etiquetas
Atributos
Valores
Descripcin
<HTML>
</HTML>
Inicio y final del

documento html
<HEAD>
</HEAD>
Informacin general del

documento html
<TITLE>
</TITLE>
Titulo del documento.

Visible en la barra del
navegador
<BODY>
</BODY>
text
link
alink
vlink
bgcolor
topmargin (IE)
leftmargin (IE)
marginheight
marginwidth
Color Hexadecimal
(ejemplo: #000000)
Tamao en pixels
(ejemplo: 10px)
background
Archivo de imagen
bgproperties (IE)
Fixed
Inicio y final del cuerpo

del documento. Lo que
se ve en el navegador.
Formato de Presentacin
Etiquetas
Atributos
Valores
Descripcin
<B>
</B>
Estilo Negrita
<I>
</I>
Estilo Cursiva (italica)
<U>
</U>
Estilo Subrayado
<S>
</S>
Estilo Tachado
(Strike)
<SUB>
</SUB>
Estilo Subndice
<SUP>
</SUP>
Estilo Superndice
<TT>
</TT>
Estilo Anchura Fija

(mismo espacio cada
letra)
face
Nombre de Fuente
(ejemplo: Arial)
size
Tamao (1-7)
(ejemplo: 5)
color
Color Hexadecimal
(ejemplo: #000000)
<PRE>
</PRE>
Preformateado
(tal y como se escribe)
<CENTER>
</CENTER>
Alineacin centrada
<BLINK>
</BLINK>
Intermitencia
<MARQUEE>
</MARQUEE>
Marquesina
<FONT>
</FONT>
Ral Snchez Domnguez
Formateo de la fuente.
(BASEFONT)
Pgina 1
Referencia HTML
Definicin Estructural
Etiquetas
Atributos
Valores
Descripcin
<Hx>
</Hx>
align
left | center | right
Encabezados
(x = n entre 1 y 6)
left
center
Right
justify
left
center
Right
justify
<P>
</P>
align
<DIV>
<DIV>
align
<BR>
Clear
(texto alrededor img.)
left | right | all
size
Ancho en pxel o %
(ej. 100px 40%)
width
Alto en pixels
(ejemplo: 10px)
align
noshade
<BLOCKQUOTE>
</BLOCKQUOTE>
Sangria (margenes)
<BIG>
</BIG>
Tamao fuente mayor
<SMALL>
</SMALL>
Tamao fuente menor
<EM>
</EM>
Estilo nfasis
(Habitualmente Cursiva)
<STRONG>
</STRONG>
Estilo nfasis Fuerte

(Habitualmente Negrita)
<CITE>
</CITE>
Estilo Cita
(Habitualmente Cursiva)
<ADRESS>
</ADRESS>
Estilo Direccin
<ABBR>
</ABBR>
Estilo Abreviatura
<ACRONYM>
</ACRONYM>
Estilo Acrnimo
<CODE>
</CODE>
Estilo Cdigo
<SAMP>
</SAMP>
Estilo Salida Simple
<VAR>
</VAR>
Estilo Variable
<HR>
Ral Snchez Domnguez
Prrafo
Divisin, bloque
Salto de lnea
Lnea horizontal
Pgina 2
Referencia HTML
Formato de Listas
Etiquetas
Atributos
Valores
Descripcin
<UL>
<LI></LI>
</UL>
type
(aplicados a UL)
disk | circle | square
Lista no numerada
(vietas, no ordenada)
type
(aplicados a OL)
1|I|i|A|a
start
(aplicados a OL)
Carcter Inicial
<DL>
<DT></DT>
<DD></DD>
</DL>
Lista de Definiciones
Etiquetas
Atributos
Valores
Descripcin
href
(archivo html)
(#ancla)
(URL, http://www...)
(malito:email)
title
(Texto Emergente)
target
_blank
_parent
_top
_self
<A>
</A>
name
(nombre del ancla)
Etiquetas
Atributos
Valores
src
(archivo imgen)
width
Ancho en pxels o %
(ej. 100px 40%)
height
Alto en pxels o %
(ej. 100px 40%)
hspace
Espacio Vertical
(ej. 10px )
vspace
Espacio Horizontal
(ej. 10px )
border
Tamao en pixels
(ej. 10px)
title
Ttulo Emergente
alt
Texto Alternativo
align
top
middle
bottom
left
right
<OL>
<LI></LI>
</OL>
Lista numerada
(ordenada)
Vnculos
<A>
</A>
Establece un vnculo o
enlace
Establece un punto de
anclaje
Imgenes
<IMG>
Ral Snchez Domnguez
Descripcin
Inserta una imgen
Pgina 3
Referencia HTML
Tablas
Etiquetas
<TABLE>
</TABLE>
<CAPTION>
</CAPTION>
<TR>
</TR>
<TD>
</TD>
<TH>
</TH>
Ral Snchez Domnguez
Atributos
Valores
width
Ancho en pxels o %
(ej. 100px 40%)
height
Alto en pxels o %
(ej. 100px 40%)
border
Tamao borde exterior

(ej. 10px)
cellspacing
Espaciado entre Celdas

(ej. 5)
cellpadding
Relleno de Celdas
(ej. 5)
bgcolor
Color Hexadecimal
(ejemplo: #000000)
bordercolor (IE)
Color Hexadecimal
(ejemplo: #000000)
background
(archivo imgen)
align
align
align
valign
top | middle | bottom
bgcolor
Color Hexadecimal
(ejemplo: #000000)
bordercolor (IE)
Color Hexadecimal
(ejemplo: #000000)
background
(archivo imgen)
(no recommendable)
align
valign
top | middle | bottom
width
Ancho en pxels o %(ej.

100px 40%)
height
Alto en pxels o %
(ej. 100px 40%)
bgcolor
Color Hexadecimal
(ejemplo: #000000)
bordercolor (IE)
Color Hexadecimal
(ejemplo: #000000)
background
(archivo imgen)
(no recommendable)
nowrap
colspan
N columnas abarcadas
(ej. 2)
rowspan
N columnas abarcadas
(ej. 2)
Los mismos que <TD>
Los mismos que <TD>
Descripcin
Inserta una tabla.

Debe encerrar etiquetas
de filas (<tr>) y celdas
(<td>).
Ttulo de la tabla
Inserta una fila dentro la

tabla. Debe encerrar
etiquetas de celdas
(<td>)
Inserta una celda

dentro de la fila
Inserta celda cabecera

(negrita y centrado)
Pgina 4
Referencia HTML
Formularios
Etiquetas
<FORM>
</FORM>
<INPUT>
Atributos
Valores
action
mailto:email
method
post
enctype
text/plain
name
Nombre del Formulario
type
text | password
name
Nombre del Campo
maxlenght
N
(Mximo de caracteres)
size
N
(Ancho en caracteres)
value
Valor Inicial
(contenido del campo)
type
radio | checkbox
name
(si es radio el mismo para

todos)
value
Valor
checked
type
submit | reset | image
name
Nombre del Boton
value
Valor
(texto del botn)
src
Ruta de la imagen
(solo para el tipo
image)
type
hidden
name
Nombre del Campo
value
Valor
name
Nombre del Campo
<INPUT>
<INPUT>
<INPUT>
<TEXTAREA>
</TEXTAREA>
Ral Snchez Domnguez
Descripcin
Define un formulario
(Solo se indican
etiquetas y atributos
necesarios para
mandar emails)
Define un campo Text o

Password dentro del
Form
Nombre del Campo
rows
N de Filas
cols
N de columnas
(ancho en caracteres)
Define un casilla de
opcin o una casilla de
verificacion del Form
Define un botn de
enviar, o limpiar el
formulario.
Define un campo oculto
Define un rea de texto.

Se utiliza cuando hay
que insertar gran
cantidad de texto.
Pgina 5
Name
(aplicado a <select>)
</SELECT>
<OPTION>
Texto Opcin
</OPCION>
</SELECT>
Size
Referencia HTML
Nombre del Campo

Altura
(para lista no deplegable)
multiple
value
(aplicado a <option>)
Valor
selected
(aplicado a <option>)
Define una lista

desplegable o una lista
de seleccin (para esta
aplicar size)
Frames (Marcos)
Etiquetas
Atributos
rows
<FRAMESET>
</FRAMESET>
<FRAME>
</FRAME>
<NOFRAME>
<body></body>
</NOFRAME>
Ral Snchez Domnguez
Valores
Descripcin
Valor numrico o %
(ejemplo rows=10%,*,10%)
cols
Valor numrico o %
frameborder
yes | no
border
Valor numrico
bordercolor
Color Hexadecimal
(ejemplo: #000000)
src
(pgina html)
name
nombre del frame
noresize
scroll
yes | no | auto
(ejemplo cols=*,10)
Especifica el nmero de
frames. Debe ir dentro
del <HEAD>
Define un frame. Debe

ir dentro del
<FRAMESET>
Alternativa para
navegadores que no
soportan frames. Debe
ir dentro del <HEAD>
Pgina 6

Etiquetas HTML

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Etiquetas HTML

Загружено:

Авторское право:

Доступные форматы

Curso Diseo Web con Software libre, VNU

Etiquetas Bsicas (Estructura HTML)

Inicio y final del

Informacin general del

Titulo del documento.

Inicio y final del cuerpo

Estilo Cursiva (italica)

Estilo Anchura Fija

Ral Snchez Domnguez

Curso Diseo Web con Software libre, VNU

left | center | right

left | right | all

left | center | right

Tamao fuente mayor

Tamao fuente menor

Estilo nfasis Fuerte

Estilo Salida Simple

Ral Snchez Domnguez

Curso Diseo Web con Software libre, VNU

disk | circle | square

(nombre del ancla)

Ral Snchez Domnguez

Inserta una imgen

Curso Diseo Web con Software libre, VNU

Ral Snchez Domnguez

Tamao borde exterior

Espaciado entre Celdas

left | center | right

left | center | right

left | center | right

top | middle | bottom

left | center | right

top | middle | bottom

Ancho en pxels o %(ej.

Los mismos que <TD>

Los mismos que <TD>

Inserta una tabla.

Inserta una fila dentro la

Inserta una celda

Inserta celda cabecera

Curso Diseo Web con Software libre, VNU

Nombre del Formulario

Nombre del Campo

(si es radio el mismo para

submit | reset | image

Nombre del Boton

Nombre del Campo

Nombre del Campo

Ral Snchez Domnguez

Define un campo Text o

Nombre del Campo

Define un campo oculto

Define un rea de texto.

Curso Diseo Web con Software libre, VNU

Nombre del Campo

(para lista no deplegable)

Define una lista

Ral Snchez Domnguez

nombre del frame

Define un frame. Debe

Вам также может понравиться