| 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 - Netscape |
| <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> |
Estructuras básicas
El código HTML puede paecer complicado pero realmente de haberlo entendido es algo realmente sencillo.
Una estructura de lo más basico sería algo como esto:
<html> <head> <title> Título </title> </head> <body> Contenido </body> <html>Este programa se vería así:
Aunque esta sea una estructura muy básica, cada etiqueta es importante y tiene su función:
<html>, </html>: Sirve para iniciar y finalizar la programación; indica que el documento está escrito en código HTML.
<head>, </head>: Indica el contenido de la cabezera
<title>, </title>: Se encuentra dentro del dominio de la etiqueta "head", contiene el texto de la pestaña o tope de ventana del navegador
<body>, </body>: Aloja a todas las etiquetas y contenido del cuerpo de la página.
0 comentarios:
Publicar un comentario