Guía práctica de HTML

Obtén una cuenta de @zoneartcss.com gratuita

Ver correo

Ago 21

Guia HTML Aprende ya

Conocimientos básicos de HTML

Hola!!

Les paso una guia Practica sobre HTLM, sobre etiquetas y sus atributos. Espero les sirva!!!

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
ADDRESS	ADDRESS	CITE	CITE	B: NEGRITA	B: NEGRITA
BIG	BIG	`CODE`	CODE	DFN	DFN
EM	EM	I: ITALICA	I: ITALICA	`KBD`	KBD
`SAMP`	SAMP	SMALL	SMALL	STRONG	STRONG
SUB₅	SUB 5	SUP⁵	SUP 5	S Tachado	S Tachado
`TT`	TT	U Subrayado	U Subrayado	`VAR`	VAR

Etiquetas
Apertura	Acción	Atributos	Cierre
< !	Comentario.	Ninguno	–>
<A>	Hipervínculo.	HREF, NAME, REL, REV, TITLE	</A>
<ADDRESS>	Formato para dirección del autor.	Ninguno	</ADDRESS>
<BASE>	Url del autor; contexto del documento.	HREF	</BASE>
<BASEFONT SIZE>	Tamaño de la fuente base.	Ninguno	NO
<BGSOUND>	Sonido de fondo.	SRC, LOOP.	NO – Internet Explorer
<BIG>	Aumenta el tamaño.	Ninguno	</BIG>
<BLINK>	Hace parpadear el texto.	Ninguno	</BLINK> – Netscape
<BLOCKQUOTE>	Da formato con sangría a un párrafo	Ninguno	</BLOCKQUOTE>
<BODY>	Cuerpo del documento.	BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK	</BODY>
<BR>	Retorno de línea.	CLEAR: Se utiliza en combinación con ALIGN de IMAGE.	NO
<CAPTION>	Posición de la leyenda en una tabla.	ALIGN: TOP/BOTTOM. Internet Explorer: LEFT, RIGHT, CENTER	</CAPTION>
<CENTER>	Centrar.	Ninguno	</CENTER>
<CITE>	Formato para citas en itálicas.	Ninguno	</CITE>
<CODE>	Formato en tipo código.	Ninguno	</CODE>
<DD>	Definiciones marcadas, para Lista de Definiciones <DL>.	Ninguno	NO
<DFN<	Formato en itálica.	Internet Explorer	</DFN<
<DIR>	Lista de directorio, con elementos marcados con <LI>.	Ninguno	</DIR>
<DL>	Lista de Definiciones, con términos marcados con <DT> y definiciones marcadas con <DD>.	Ninguno	</DL>
<DT>	Términos marcados, para Lista de Definiciones <DL>.	Ninguno	NO
<EM>	Formato enfatizado en itálica.	Ninguno	</EM>;
<EMBED>	Sonido de Fondo.	SRC, WIDTH, HEIGHT, AUTOSTART, LOOP.	NO – Netscapee
<FONT>	Definición de la fuente.	SIZE, COLOR. Internet Explorer: FACE.	</FONT>
<FORM>	Para ingreso de datos del usuario en un formulario.	ACTION, METHOD	</FORM>
<H1 …H6>	Tamaño de letras del 1 al 6.	HTML 3.0: LEFT, CENTER, RIGHT	</H1 …/H6>
<HEAD>	Encabezamiento del documento.	BASE, TITLE, ISINDEX, NEXTID, META	</HEAD>
<HR>	Línea horizontal.	NOSHADE, SIZE, WIDTH, ALIGN. Internet Explorer: COLOR	NO
<HTML>	Al principio y al fin de todo documento.	HEAD, BODY	</HTML>
<I>	Itálica (Cursiva).	Ninguno	</I>
<IMG>	Cargar imágenes.	ALIGN, SRC, ALT, ISMAP, WIDTH, HEIGHT, VSPACE, HSPACE	NO
<INPUT>	Define un objeto de ingreso en un formulario.	TYPE, NAME, VALUE, SIZE, MAXLENGHT, ALIGN, SRC, CHECKED	</INPUT>
<ISINDEX>	Indica que existe un index en el server para el documento.	Netscape: PROMPT	NO
<ISMAP>	Activa la selección de imágenes para el usuario.	Ninguno	NO
<KBD>	Formato monoespaciado.	Ninguno	</KBD>
<LI>	Ítem de lista.	Netscape: VALUE, TYPE	NO
<LISTING>	Listados	Ninguno. Obsoleto.	</LISTING>
<LIT>	Literal. Como PRE, pero usa letra proporcional.	Ninguno	</LIT>
<MARQUEE>	Marquesina.	ALIGN, BEHAVIOR, BGCOLOR, DIRECTION, HEIGHT, WIDTH, HSPACE, VSPACE, LOOP, SCROLLAMOUNT, SCROLLDELAY.	</MARQUEE> – Internet Explorer
<MENU>	Lista menú.	Ninguno	</MENU>
<META>	Metainformación ubicada en HEAD.	EQUIV, CONTENT, NAME	NO
<NEXTID>	Es un parámetro que identifica al documento.	NO	NO
<NOBR>	Elimina los saltos de líneas.	Ninguno	NO
<OL>	Lista ordenada, con elementos marcados con <LI>.	TYPE, START, VALUE.	</OL>
<OPTION>	Opción de selección dentro de un formulario.	VALUE, SELECTED VALUE	NO
<P>	Retorno de línea, con un espacio.	Ninguno	NO
<P ALIGN>	Alineación de texto.	LEFT, CENTER, RIGHT	</P>
<PLAINTEXT>	Pasaje de texto plano.	Ninguno. Obsoleto.	</PLAINTEXT>
<PRE>	Visualiza el texto en su formato original.	WIDTH	</PRE>
<S>	Texto tachado.	Ninguno	</S>
<SAMP>	Formato tipo ejemplo.	Ninguno	</SAMP>
<SELECT>	Para selección de opciones dentro de un formulario.	NAME, SIZE, MULTIPLE	</SELECT>
<SMALL>	Disminuye el tamaño.	Ninguno	</SMALL>
<STRONG>	Formato enfatizado más fuerte que <EM>.	Ninguno	</STRONG>
<SUB>	Subíndice.	Ninguno	</SUB>
<SUP>	Superíndice.	Ninguno	</SUP>
<TABLE>	Tabla.	BORDER, CELLPADDING, CELLSPACING, HEIGTH, WIDTH. Internet Explorer: COLOR	</TABLE>
<TD>	Celdas de una fila en una tabla, dentro de <TR>.	ALIGN, VALIGN, NOWRAP, COLSPAN, ROWSPAN, HEIGTH, WIDTH	</TD>
<TEXTAREA>	Área para ingreso de texto dentro de un formulario.	NAME, ROWS, COLS.	</TEXTAREA>
<TH>	Título de Tabla.	ROWSPAN, COLSPAN, ALIGN, VALIGN, NOWRAP, HEIGHT, WIDTH	</TH>
<TITLE>	Título dentro de HEAD.	Ninguno	</TITLE>
<TR>	Fila de una Tabla.	ALIGN, VALIGN	</TR>
<TT>	Formato tipo máquina.	Ninguno	</TT>
<UL>	Lista no ordenada, con elementos marcados con <LI> .	COMPACT, TYPE	</UL>
<VAR>	Formato tipo variable.	Ninguno	</VAR>
<WBR>	Se usa con NOBR para una sección que deba ser separada.	Ninguno	NO
<XMP>	Similar a PRE.	Ninguno	</XMP>

Atributos
Nombre	Etiqueta	Acción	Valor
HREF	Dirección del URL local o remoto.	href=”www.hp.com”
LOOP	<BGSOUND>	Número de veces que se reproduce el archivo de sonido. Para permanente se usa INFINITE o -1.	loop=infinite
SRC	<BGSOUND>	Nombre del archivo de sonido (Internet Explorer)	src=”sonido.wav”
LOOP	<EMBED>	Número de veces que se reproduce el archivo de sonido. Para permanente se usa INFINITE o -1.	loop=-1
SRC	<EMBED>	Nombre del archivo de sonido (con Crescendo)	src=”sonido.mid”
SRC	<IMAGE>	Nombre del gráfico	src=”imagen.gif”
ALT	<IMAGE>	Nombre que reemplaza a la imágen cuando ésta no puede ser cargada.	alt=”Nombre de Imágen”
BGCOLOR	<BODY>	Color de fondo	bgcolor=”#FFFFFF” (blanco)
BACKGROUND		Imágen de fondo	background=”foto.gif”
TEXT		Color del texto	text=”#000000″ (negro)
LINK		Color de vínculo	link=”#0000FF” (azul)
VLINK		Color de vínculo visitado	vlink=”#FF0000″ (rojo)
ALINK		Color de vínculo presionado	alink=”#00FF00″ (verde)
ALIGN	<CAPTION> dentro de <TABLE>	Colocar título arriba (TOP) o debajo (BOTTOM) de la tabla.	align=top
ALIGN	<H1..H6>, <P ALIGN>, <TD>, <TH>, <TR>, <DIV>,	Alinear el texto: LEFT, RIGHT, CENTER	align=center
ALIGN	<HR>	Alinear el texto: LEFT, RIGHT, CENTER	align=center
SIZE		Valor de la altura en pixels o porcentaje	size=3
WIDTH		Valor del ancho en pixels o porcentaje	width=50%
SIZE	<FONT>	Tamaño de la letra de 1 a 7	size=6
COLOR		Color de la letra	color=”#000000″ (negro)
FACE		Fuente del texto (Internet Explorer)	face=”helv” (helvética)
HEIGHT	<EMBED>, <IMAGE>, <MARQUEE>, <TD>, <TH>	Valor de la altura en pixels o porcentaje	heigth=80
WIDTH	<EMBED>, <IMAGE>, <MARQUEE>, <TD>, <TH>	Valor del ancho en pixels o porcentaje	width=50%
BORDER	<TABLE>	Borde y ancho del borde en la tabla	border=5
CELLPADDING		Espacio entre el borde y el texto	cellpadding=10
CELLSPACING		Espacio entre las líneas interna y externa del borde	cellspacing=3
HEIGHT		Valor de la altura en pixels o porcentaje	heigth=80
WIDTH		Valor del ancho en pixels o porcentaje	width=50%
COLSPAN	<TD> dentro de <TABLE>	Expandir una celda varias columnas	colspan=4
ROWSPAN	<TD> dentro de <TABLE>	Expandir una celda varias filas	rowspan=4