![La Sábana del HTML
<HTML> Inicio del documento HTML
<HEAD> Inicio de la cabecera
<TITLE>TítuloDocumento</TITLE> Título del documento
<META name=”description” content=”DescripciónDocumento”> Descripción del contenido del documento
<META name=”keywords” content=”ListaDePalabrasClaves”> Lista de palabras claves para búsqueda
<META http-equiv=”refresh” content=”Segundos; url=URL”> Carga documento transcurrido un tiempo
<BASE href=”URL”> Ubicación de los ficheros de la página
<FRAMESET rows=”P1|%1,Pn|%n” cols=”P1|%1,Pn|%n”><FRAME src=”URL1” name=”Nom1”><FRAME src=”URLn” name=”NOMn”></FRAMESET> Define frames
<NOFRAMES>HTMLAlternativo</NOFRAMES> Define instrucciones si no hay frames
<FRAME src=”URL” name=”NombreFrame” marginwidth=”MarIzqDer” marginheight=”MarSupInf” scrolling=”BarraDesplazam:yes|no|auto” noresize> Amplía definición de frames
</HEAD> Final de la cabecera
<BODY background=”URL-ImagenFondo” bgcolor=”ColFondo” text=”ColTexto” link=”ColEnlace” vlink=”ColEnlaceVisitado” alink=”ColEnlClick”> Inicio del cuerpo
<P align=”AlineaciónHorizontal:Left|Right|Center|Justify”>TextoPárrafo</P> | <BR> Define párrafo | salto de línea
<H1..6>TextoCabecera</H1..6> | <PRE>TextoPreformateado</PRE> | <BLOCKQUOTE>TextoIndentadoIzquierdaDerecha</BLOCKQUOTE> Texto cabecera|preformateado|indentado
<B>TextoNegrita</B> | <I>TextoCursiva</I> | <U>TextoSubrayado</U> | <S>TextoTachado</S> | <CENTER>TextoCentrado</CENTER> Negrita|cursiva|subrayado|tachado|centro
<STRONG>TextoNegrita</STRONG> | <CITE>TextoCursiva</CITE> | <STRIKE>TextoTachado</STRIKE> Resaltado | citas | tachado
<TT>TextoTerminal</TT> | <BLINK>TextoParpadeo</BLINK> | <SUP>TextoSuperíndice</SUP> | <SUB>TextoSubíndice</SUB> Terminal | parpadeo | super/sub-índice
<FONT size=”Tamaño:1..7|(+/-)Número” color=”ColorTexto” face=”NombreFuente”></FONT> Define fuente del texto
<UL type=”TipoViñeta:disk|circle|square”><LH>TítuloLista</LH><LI>Elemento1<LI>Elemento2<LI>Elementon</UL> Listas no numeradas
<OL start=”InicioLista” type=”TipoOrdenación:1|A|a|I|i”><LH>TítuloLista</LH><LI>Elemento1<LI>Elemento2<LI>Elementon</OL> Listas ordenadas
<DL><LH>TítuloLista</LH><DT>Elemento1<DD>Definición1<DT>Elementon<DD>Definiciónn</DL> Listas de definiciones
<HR color=”ColLínea” align=”Alineación:Left|Right|Center” noshade size=”GrosorLíneaPixels” width=”AnchoLínea:%Ventana|NúmPixels”> Inserta línea horizontal
<IMG src=”URL” alt=”Texto” align=”Top|middle|bottom|left|rigth” border=”Tamaño” height=”Alt” width=”Anc” hspace=”MarHor” vspace=”MarVer”> Inserta imágenes
<MAP name=”NomMapa”><AREA shape=”rect|circle|polygon” coords=”Coord1” href=”URL” ></MAP><IMG src=”URL-Imagen” usemap=”NomMapa”> Define un mapa
<A href=”URL-DocumentoHTML[#IdentificadorEnlace]” target=”NombreFrame|_top|_self|_blank”>TextoDescriptivoEnlace</A> Define un enlace de tipo texto
<A href=”URL-DocumentoHTML[#IdentificadorEnlace]” target=”NombreFrame|_top|_self|_blank”><IMG src=”URL-ArchivoImagen”></A> Define un enlace de tipo imagen
<A name=”IdentificadorEnlace”>TextoDescriptivo</A> Define un identificador de enlace
<TABLE border=”T” cellpadding=”S” cellspacing=”S” width=”P|%” height=”P|%” bgcolor=”C”> <TR><TH>Cab</TH><TD>Celda</TD></TR></TABLE> Inserta tabla
<TR align=”AlineaciónHorizontal:left|right|center” valign=”AlineaciónVertical:top|middle|bottom” bgcolor=”ColorFondo”></TR> Amplia definición de filas de una tabla
<TH aligh=”AliHor:left|right|center|justify” valign=”AliVer:top|middle|bottom” bgcolor=”Color” width=”Ancho” rowspan=”ExpFil” colspan=”EC”>Cab</TH> Amplia definición de celdas de cabecera
<TD aligh=”AliHor:left|right|center|justify” valign=”AliVer:top|middle|bottom” bgcolor=”Color” width=”Ancho” rowspan=”ExpFil” colspan=”EC”>Cel</TD> Amplia definición de celdas
<FORM action=”mailto:dirección@correo|URL-CGI” method=”post|get” enctype=”TEXT/PLAIN” target=”Frame”>ElementosFormulario</FORM> Inserta formulario
<INPUT type=”text|password|checkbox|radio|hidden|submit|image|reset” name=”NombreVariable” value=”ValorInicial”> Entrada básica de datos
<INPUT type=”text” name=”NombreVariable” value=”ValorInicial” size=”LongitudVentanaEntrada” maxlength=”LongitudMáximaCaracteres”> Entrada caja de texto
<INPUT type=”password” name=”NombreVariable” value=”ValorInicial” size=”LongitudVentanaEntrada” maxlength=”LongitudMáximaCaracteres”> Entrada caja de password
<INPUT type=”checkbox” name=”NombreVariable” [value=”ValorAsociado”] [checked]> Entrada por casillas
<INPUT type=”radio” name=”NombreVariable” [value=”ValorAsociado”] [checked]> Entrada por Botones
<INPUT type=”hidden” name=”NombreVariable” value=”ValorInicial”> Entrada oculta
<TEXTAREA name=”NombreVariable” rows=”Filas” cols=”Columnas”>ValorInicial</TEXTAREA> Entrada caja de texto múltiples líneas
<SELECT name=”NomVar” multiple size=”Lín”><OPTION selected value=”Val1”>PrimeraOpción<OPTION value=”Val2”>SegundaOpción</SELECT> Entrada por lista de selección
<INPUT type=”submit” value=”MensajeBotón”> Botón de envío de datos
<INPUT type=”image” src=”URL-Imagen” name=”NombreVariable”> Botón gráfico de envío de datos
<INPUT type=”reset” value=”MensajeBotón”> Botón de borrado
<BGSOUND src=”URL-Archivo” loop=”Número|infinite”> Inserta sonido
<IMG dynsrc=”URL-Archivo” loop=”Núm|infinite” start=”fileopen|mouseover” controls> Inserta vídeo
<EMBED src=”URL-Archivo” width=”Anchura:PixAnc|%Anc” height=”Altura:PixAlt|%Alt” hidden=”True|False” autostart=”True|False” loop=”True|False”> Inserta archivo: imagen, sonido, vídeo
<APPLET codebase=”URLbas” code=”class” width= height= alt= name= align= vspace= hspace=><param name= value=>HTMLAlt</APPLET> Inserta un applet de java
<SCRIPT language=”LenguajeScript”> [<!--] Instrucciones [-->] </SCRIPT> | <NOSCRIPT>HTMLAlternativo</NOSCRIPT> Inserta un script
</BODY> Final del cuerpo
</HTML> Final del documento HTML
(esp) á(á) é(é) í(í) ó(ó) ú(ú) ü(ü) Ü(Ü) ñ(ñ) Caracteres especiales
Ñ(Ñ) <(<) >(>) &(&) "(“) ©(C) ®(R) ¿(¿) ¡(¡) Caracteres especiales...
#FFFFFF (Bla) #000000 (Neg) #FF0000 (Roj) #00FF00 (Ver) #0000FF (Azul) #FFFF00 (Ama) #C0C0C0 (Gri) #00FFFF (Cel) #FFCC00 (Nar) Colores | <!-- Comentarios -->
(sábana.doc) Antonio Suárez](https://image.slidesharecdn.com/sabanahtml-100702145225-phpapp02/85/Sabana-html-1-320.jpg)
Sabana html
- 1. La Sábana del HTML <HTML> Inicio del documento HTML <HEAD> Inicio de la cabecera <TITLE>TítuloDocumento</TITLE> Título del documento <META name=”description” content=”DescripciónDocumento”> Descripción del contenido del documento <META name=”keywords” content=”ListaDePalabrasClaves”> Lista de palabras claves para búsqueda <META http-equiv=”refresh” content=”Segundos; url=URL”> Carga documento transcurrido un tiempo <BASE href=”URL”> Ubicación de los ficheros de la página <FRAMESET rows=”P1|%1,Pn|%n” cols=”P1|%1,Pn|%n”><FRAME src=”URL1” name=”Nom1”><FRAME src=”URLn” name=”NOMn”></FRAMESET> Define frames <NOFRAMES>HTMLAlternativo</NOFRAMES> Define instrucciones si no hay frames <FRAME src=”URL” name=”NombreFrame” marginwidth=”MarIzqDer” marginheight=”MarSupInf” scrolling=”BarraDesplazam:yes|no|auto” noresize> Amplía definición de frames </HEAD> Final de la cabecera <BODY background=”URL-ImagenFondo” bgcolor=”ColFondo” text=”ColTexto” link=”ColEnlace” vlink=”ColEnlaceVisitado” alink=”ColEnlClick”> Inicio del cuerpo <P align=”AlineaciónHorizontal:Left|Right|Center|Justify”>TextoPárrafo</P> | <BR> Define párrafo | salto de línea <H1..6>TextoCabecera</H1..6> | <PRE>TextoPreformateado</PRE> | <BLOCKQUOTE>TextoIndentadoIzquierdaDerecha</BLOCKQUOTE> Texto cabecera|preformateado|indentado <B>TextoNegrita</B> | <I>TextoCursiva</I> | <U>TextoSubrayado</U> | <S>TextoTachado</S> | <CENTER>TextoCentrado</CENTER> Negrita|cursiva|subrayado|tachado|centro <STRONG>TextoNegrita</STRONG> | <CITE>TextoCursiva</CITE> | <STRIKE>TextoTachado</STRIKE> Resaltado | citas | tachado <TT>TextoTerminal</TT> | <BLINK>TextoParpadeo</BLINK> | <SUP>TextoSuperíndice</SUP> | <SUB>TextoSubíndice</SUB> Terminal | parpadeo | super/sub-índice <FONT size=”Tamaño:1..7|(+/-)Número” color=”ColorTexto” face=”NombreFuente”></FONT> Define fuente del texto <UL type=”TipoViñeta:disk|circle|square”><LH>TítuloLista</LH><LI>Elemento1<LI>Elemento2<LI>Elementon</UL> Listas no numeradas <OL start=”InicioLista” type=”TipoOrdenación:1|A|a|I|i”><LH>TítuloLista</LH><LI>Elemento1<LI>Elemento2<LI>Elementon</OL> Listas ordenadas <DL><LH>TítuloLista</LH><DT>Elemento1<DD>Definición1<DT>Elementon<DD>Definiciónn</DL> Listas de definiciones <HR color=”ColLínea” align=”Alineación:Left|Right|Center” noshade size=”GrosorLíneaPixels” width=”AnchoLínea:%Ventana|NúmPixels”> Inserta línea horizontal <IMG src=”URL” alt=”Texto” align=”Top|middle|bottom|left|rigth” border=”Tamaño” height=”Alt” width=”Anc” hspace=”MarHor” vspace=”MarVer”> Inserta imágenes <MAP name=”NomMapa”><AREA shape=”rect|circle|polygon” coords=”Coord1” href=”URL” ></MAP><IMG src=”URL-Imagen” usemap=”NomMapa”> Define un mapa <A href=”URL-DocumentoHTML[#IdentificadorEnlace]” target=”NombreFrame|_top|_self|_blank”>TextoDescriptivoEnlace</A> Define un enlace de tipo texto <A href=”URL-DocumentoHTML[#IdentificadorEnlace]” target=”NombreFrame|_top|_self|_blank”><IMG src=”URL-ArchivoImagen”></A> Define un enlace de tipo imagen <A name=”IdentificadorEnlace”>TextoDescriptivo</A> Define un identificador de enlace <TABLE border=”T” cellpadding=”S” cellspacing=”S” width=”P|%” height=”P|%” bgcolor=”C”> <TR><TH>Cab</TH><TD>Celda</TD></TR></TABLE> Inserta tabla <TR align=”AlineaciónHorizontal:left|right|center” valign=”AlineaciónVertical:top|middle|bottom” bgcolor=”ColorFondo”></TR> Amplia definición de filas de una tabla <TH aligh=”AliHor:left|right|center|justify” valign=”AliVer:top|middle|bottom” bgcolor=”Color” width=”Ancho” rowspan=”ExpFil” colspan=”EC”>Cab</TH> Amplia definición de celdas de cabecera <TD aligh=”AliHor:left|right|center|justify” valign=”AliVer:top|middle|bottom” bgcolor=”Color” width=”Ancho” rowspan=”ExpFil” colspan=”EC”>Cel</TD> Amplia definición de celdas <FORM action=”mailto:dirección@correo|URL-CGI” method=”post|get” enctype=”TEXT/PLAIN” target=”Frame”>ElementosFormulario</FORM> Inserta formulario <INPUT type=”text|password|checkbox|radio|hidden|submit|image|reset” name=”NombreVariable” value=”ValorInicial”> Entrada básica de datos <INPUT type=”text” name=”NombreVariable” value=”ValorInicial” size=”LongitudVentanaEntrada” maxlength=”LongitudMáximaCaracteres”> Entrada caja de texto <INPUT type=”password” name=”NombreVariable” value=”ValorInicial” size=”LongitudVentanaEntrada” maxlength=”LongitudMáximaCaracteres”> Entrada caja de password <INPUT type=”checkbox” name=”NombreVariable” [value=”ValorAsociado”] [checked]> Entrada por casillas <INPUT type=”radio” name=”NombreVariable” [value=”ValorAsociado”] [checked]> Entrada por Botones <INPUT type=”hidden” name=”NombreVariable” value=”ValorInicial”> Entrada oculta <TEXTAREA name=”NombreVariable” rows=”Filas” cols=”Columnas”>ValorInicial</TEXTAREA> Entrada caja de texto múltiples líneas <SELECT name=”NomVar” multiple size=”Lín”><OPTION selected value=”Val1”>PrimeraOpción<OPTION value=”Val2”>SegundaOpción</SELECT> Entrada por lista de selección <INPUT type=”submit” value=”MensajeBotón”> Botón de envío de datos <INPUT type=”image” src=”URL-Imagen” name=”NombreVariable”> Botón gráfico de envío de datos <INPUT type=”reset” value=”MensajeBotón”> Botón de borrado <BGSOUND src=”URL-Archivo” loop=”Número|infinite”> Inserta sonido <IMG dynsrc=”URL-Archivo” loop=”Núm|infinite” start=”fileopen|mouseover” controls> Inserta vídeo <EMBED src=”URL-Archivo” width=”Anchura:PixAnc|%Anc” height=”Altura:PixAlt|%Alt” hidden=”True|False” autostart=”True|False” loop=”True|False”> Inserta archivo: imagen, sonido, vídeo <APPLET codebase=”URLbas” code=”class” width= height= alt= name= align= vspace= hspace=><param name= value=>HTMLAlt</APPLET> Inserta un applet de java <SCRIPT language=”LenguajeScript”> [<!--] Instrucciones [-->] </SCRIPT> | <NOSCRIPT>HTMLAlternativo</NOSCRIPT> Inserta un script </BODY> Final del cuerpo </HTML> Final del documento HTML (esp) á(á) é(é) í(í) ó(ó) ú(ú) ü(ü) Ü(Ü) ñ(ñ) Caracteres especiales Ñ(Ñ) <(<) >(>) &(&) "(“) ©(C) ®(R) ¿(¿) ¡(¡) Caracteres especiales... #FFFFFF (Bla) #000000 (Neg) #FF0000 (Roj) #00FF00 (Ver) #0000FF (Azul) #FFFF00 (Ama) #C0C0C0 (Gri) #00FFFF (Cel) #FFCC00 (Nar) Colores | <!-- Comentarios --> (sábana.doc) Antonio Suárez