INSTRUCCIONES BÁSICAS XHTML

Anuncio
INSTRUCCIONES BÁSICAS EN HTML
Etiquetas o Tags para la cabecera
1.- <HEAD> y </HEAD>
2.-<TITLE> </TITLE> : Para indicar el título de la página
3.- <STYLE TYPE=”text/css”> y </STYLE>: Para hojas de estilo CSS
4.- <SCRIPT LANGUAJE=”Javascript”> y </SCRIPT> Para código en otro lenguaje de programación
Etiquetas o Tags para el body
1.- <BODY [BGCOLOR=”color”][BACKGROUND=”fichero.jpg”]
[TEXT=”color”] [LINK=”color”] [ALINK=”color”] [VLINK=”color”]> y </BODY>
2.- <B> </B> Para intensificar un determinado texto
3.- <I> </I> para escribir en cursiva
4.- <U></U> para escribir el texto subrayado
5.- <BR> para que el texto aparezca en la siguiente linea.
6.- <! -- Comentarios -->
7.- <CENTER> y </CENTER> para centrar una parte de la página web
8.- <MARQUEE [direction=”dir”]> y </MARQUEE>
9.- <IMG SRC=”nombrefichero” ALT =”texto”> para poner una imagen de tipo .gif o .jpg y, de forma
alternativa, un mensaje de error
10.- <A HREF=”dir de otro documento”> </A> sirve para asignar a un trozo de texto un enlace a otro
documento de la red o hipervínculo.
11.- <A HREF =#NombreAncla> y </A> junto con la siguiente…
12.- <A NAME =NombreAncla> y </A> enlaces dentro del documento.
13.-<FONT [FACE="TipoLetra"] [SIZE="número"]> </FONT>
14.- <TABLE [WIDTH="%"] [BORDER="1"] [CELLSPACING="0"]>
<TR [ALIGN=”alineación > y </TR>
<TD [VALIGN=”alineación”]> y </TD>
15.- <UL> y </UL>, junto con <LI> Y </LI>
TABLAS HTML
La instrucción para crear una tabla es la siguiente:
<TABLE [WIDTH="95%"] [BORDER="1"] CELLSPACING="0"] >
<TR>
<TD >
</TD>
</TR>
</TABLE>
WIDTH: indica cuánto ancho de pantalla ocupará la página Web.
BORDER indica el grosor del borde de la tabla,
CELLSPACING el grosor entre celdas.
TR indica el comienzo y final de una fila (fila=arrow),
TD indica las columnas
TH marca una cabecera. Igual que uno TD pero de forma automática el texto de su contenido recibe
los atributos de negrita y centrado
ALIGN alineación horizontal de los datos dentro de las celdas. Puede tener tres valores: LEFT
(izquierda), RIGHT (derecha) y CENTER (centro).
VALIGN: Alineación vertical de los datos dentro de las celdas. Puede tener tres valores: TOP
(arriba), BOTTOM (abajo) y MIDDLE (centro).
ROWSPAN se utiliza en la definición de una celda (<TD>) o cabecera (<TH>) e indica que su
anchura o altura son equivalentes a un determinado número de filas.
COLSPAN se utiliza en la definición de una celda (<TD>) o cabecera (<TH>) para indicar que su
anchura o altura son equivalentes a un determinado número de columnas.
INSTRUCCIONES PARA FORMULARIOS
1.- <FORM ACTION=”mailto:dir_email“ METHOD=”POST”></FORM>
2.- <INPUT TYPE=”Text” NAME=”Un_nombre”>
3.- <INPUT TYPE=”Password” NAME=”Un_nombre” VALUE=””>
4.- <INPUT TYPE=”Radio” NAME=”Tipo” VALUE=”Un_nombre”>
5.- <INPUT TYPE=”Checkbox” NAME=”Tipo” VALUE=”on”>
6.- <TEXTAREA NAME=”Un_nombre” ROWS=”4” COLS=”30” [READONLY]> </TEXTAREA>
7.- <SELECT NAME=”Un_nombre”>
<OPTION> Nombre_de_Opción1
<OPTION> Nombre_de_Opción2
<OPTION> Nombre_de_Opción3
</SELECT>
8.- <INPUT TYPE=”Submit” NAME=”Enviar” VALUE=”Enviar”>
9.- <INPUT TYPE=”reset” NAME=”Un_nombre” VALUE=”Un_nombre” >
10.- <INPUT TYPE=”button” NAME=”Un_nombre” VALUE=”Un_nombre”
ONCLICK=”Nombre_JavaScript”>
11.- <INPUT TYPE="button" VALUE="Back" ONCLICK="window.location='/página a la que quieres
volver'">
donde NAME es el nombre de la variable donde se guarda el valor y
VALUE es el valor que se asigna a la variable
Excepciones:

en reset, submit y button, VALUE es el nombre del botón

en radio, todas las casillas de opción que pertenezcan a la misma opción deben lleva mismo NAME
y distinto VALUE
El correo que se recibe lleva escrito una línea como esta
ValorNAME=VALUE
separados entre si por una interrogación
Descargar