ACTIVIDAD HTMLQUE ES HTML? HTML es el lenguaje con el que se definen las páginas web. PARA QUE SIRVE? Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web.
<A> Hipervínculo. (Ej.: < a href="DIRECCION WEB" >Text</a>
<ADDRESS> Formato para dirección del autor.
<BASE> Url del autor; contexto del documento.
<BASEFONT SIZE> Tamaño de la fuente base.
<BGSOUND> Sonido de fondo.
<BIG> Aumenta el tamaño. Ninguno
<BLINK> Hace parpadear el texto.[Sólo con algunos Navegadores]
<BLOCKQUOTE> Da formato con sangría a un párrafo
<BODY> Cuerpo del documento. < body > & < /body >
<BR> Retorno de línea
<CAPTION> Posición de la leyenda en una tabla.
<CENTER> Centrar. <center> Texto </center>
<CI> Formato para citas en itálicas.
<CODE> Formato en tipo código. < code > Texto < /code >
<DD> Definiciones marcadas, para Lista de Definiciones
<DFN> Formato en itálica.
<DIR> Lista de directorio, con elementos marcados con <LI>.
<DL> Definiciones, con términos marcados con <DT> y <DD>.
<DT> Términos marcados, para Lista de Definiciones <DL>.
<EM> Formato enfatizado en itálica.
<EMBED> Sonido de Fondo. [Sólo con algunos Navegadores]
<FONT> Definición de la fuente. < font="arial" size="12" type="bold" >Texto</font>
<FORM> Para ingreso
de datos del usuario en un formulario.
<H1 ...H6> Tamaño de letras del 1 al 6. <h1/2/3/4/5/6>
<HEAD> Encabezamiento del documento. <head> & </head>
<HR> Línea horizontal.
<HTML> Al principio y al fin de todo documento. <html> & </html>
<I> Itálica (Cursiva).
<IMG> Cargar imágenes. <img src="LINK">
<INPUT> Define un objeto de ingreso en un formulario.
<ISINDEX> Indica que existe un index en el server para doc.
<ISMAP> Activa la selección de imágenes para el usuario.
<KBD> Formato monoespaciado.
<LI> Ítem de lista.
<LISTING> Listados.
<LIT> Literal. Como PRE, pero letra proporcional.
<MARQUEE> Marquesina. <marquee direction="up/left/right/donw"> Texto </marquee>
<MENU> Lista menú.
<META> Metainformación ubicada en HEAD.
<NEXTID> Es un parámetro que identifica al documento.
<NOBR> Elimina los saltos de líneas.
<OL> Lista ordenada, con elementos marcados con < LI >.
<OPTION> Opción de selección dentro de un formulario.
<P> Retorno de línea, con un espacio.
<P ALIGN> Alineación de texto.
<PLAINTEXT> Pasaje de texto plano.
<PRE> Visualiza el texto en su formato original.
<S> Texto tachado.
<SAMP> Formato tipo ejemplo.
<SELECT> Para selección de opciones dentro de un formulario.
<SMALL> Disminuye el tamaño.
<STRONG> Formato enfatizado más fuerte que <EM>.
<SUB> Subíndice.
<SUP> Superíndice.
<TABLE> Tabla.
<TD> Celdas de una fila en una tabla, dentro de <TR>.
<TEXTAREA> Área para ingreso de texto dentro de un formulario.
<TH> Título de Tabla.
<TITLE> Título dentro de HEAD. <title> & </title>
<TR> Fila de una Tabla.
<TT> Formato tipo máquina.
<UL> Lista no ordenada, con elementos marcados con <LI>.
<VAR> Formato tipo variable.
<WBR> Se usa con NOBR para una sección separada.
<XMP> Similar a PRE.
DEFINA QUE ES ETIQUETA: El lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos de texto destacado de una forma especial que permiten la definición de las distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje. A estas marcas las denominaremos etiquetas y serán la base principal del lenguaje HTML. En documento HTML será un fichero texto con etiquetas que variarán la forma de su presentación.
Una etiqueta será un texto incluido entre los símbolos menor que < y mayor que >.. El texto incluido dentro de los símbolos será explicativo de la utilidad de la etiqueta. Por ejemplo:
<ADDRESS> Formato para dirección del autor.
<BASE> Url del autor; contexto del documento.
<BASEFONT SIZE> Tamaño de la fuente base.
<BGSOUND> Sonido de fondo.
<BIG> Aumenta el tamaño. Ninguno
<BLINK> Hace parpadear el texto.[Sólo con algunos Navegadores]
<BLOCKQUOTE> Da formato con sangría a un párrafo
<BODY> Cuerpo del documento. < body > & < /body >
<BR> Retorno de línea
<CAPTION> Posición de la leyenda en una tabla.
<CENTER> Centrar. <center> Texto </center>
<CI> Formato para citas en itálicas.
<CODE> Formato en tipo código. < code > Texto < /code >
<DD> Definiciones marcadas, para Lista de Definiciones
<DFN> Formato en itálica.
<DIR> Lista de directorio, con elementos marcados con <LI>.
<DL> Definiciones, con términos marcados con <DT> y <DD>.
<DT> Términos marcados, para Lista de Definiciones <DL>.
<EM> Formato enfatizado en itálica.
<EMBED> Sonido de Fondo. [Sólo con algunos Navegadores]
<FONT> Definición de la fuente. < font="arial" size="12" type="bold" >Texto</font>
<FORM> Para ingreso
de datos del usuario en un formulario.
<H1 ...H6> Tamaño de letras del 1 al 6. <h1/2/3/4/5/6>
<HEAD> Encabezamiento del documento. <head> & </head>
<HR> Línea horizontal.
<HTML> Al principio y al fin de todo documento. <html> & </html>
<I> Itálica (Cursiva).
<IMG> Cargar imágenes. <img src="LINK">
<INPUT> Define un objeto de ingreso en un formulario.
<ISINDEX> Indica que existe un index en el server para doc.
<ISMAP> Activa la selección de imágenes para el usuario.
<KBD> Formato monoespaciado.
<LI> Ítem de lista.
<LISTING> Listados.
<LIT> Literal. Como PRE, pero letra proporcional.
<MARQUEE> Marquesina. <marquee direction="up/left/right/donw"> Texto </marquee>
<MENU> Lista menú.
<META> Metainformación ubicada en HEAD.
<NEXTID> Es un parámetro que identifica al documento.
<NOBR> Elimina los saltos de líneas.
<OL> Lista ordenada, con elementos marcados con < LI >.
<OPTION> Opción de selección dentro de un formulario.
<P> Retorno de línea, con un espacio.
<P ALIGN> Alineación de texto.
<PLAINTEXT> Pasaje de texto plano.
<PRE> Visualiza el texto en su formato original.
<S> Texto tachado.
<SAMP> Formato tipo ejemplo.
<SELECT> Para selección de opciones dentro de un formulario.
<SMALL> Disminuye el tamaño.
<STRONG> Formato enfatizado más fuerte que <EM>.
<SUB> Subíndice.
<SUP> Superíndice.
<TABLE> Tabla.
<TD> Celdas de una fila en una tabla, dentro de <TR>.
<TEXTAREA> Área para ingreso de texto dentro de un formulario.
<TH> Título de Tabla.
<TITLE> Título dentro de HEAD. <title> & </title>
<TR> Fila de una Tabla.
<TT> Formato tipo máquina.
<UL> Lista no ordenada, con elementos marcados con <LI>.
<VAR> Formato tipo variable.
<WBR> Se usa con NOBR para una sección separada.
<XMP> Similar a PRE.
<B> | Letra Negrita, del inglés Bold (negrita). |
<TABLE> | Definirá una tabla. |
<IMG> | Inclusión de una Imagen. |
Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada /. El efecto que define la etiqueta tendrá validez para todo lo que este incluido entre las etiquetas de inicio y fin, ya sea texto plano o otras etiquetas HTML.
<ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA>
Por ejemplo, con la etiqueta siguiente:
<B>Texto que será en negrita</B>.
Obtendremos:
Texto que será en negrita
Algunas etiquetas no necesitarán la de fin, serán aquellas en las que el final este implícito, por ejemplo <P> párrafo, <BR> salto de línea ó <IMG> inclusión de una imagen. Definen un efecto que se producirá en un punto determinado sin afectar a otros elementos.
El uso de mayúsculas o minúsculas en las etiquetas es indiferente, se interpretarán del mismo modo en ambos casos, pero lo normal es expresarlas en mayúsculas para que destaquen con más nitidez del texto normal.
Como probablemente ya has leído alrededor del sitio, nuestra intención es proveerte con "buenos métodos de programación" que resultarán en algunos beneficios extra. Por eso es que elegiremos una forma de declarar estas tablas de modo que sean compatibles con el estándar de código XHTML (lenguaje de marcas hipertextual extensible).
Tablas simples
Una tabla HTML puede ser considerada de manera simple como un grupo de filas donde cada una de ellas contiene un grupo de celdas. Las tablas, así como toda estructura en documentos HTML, son definidas usando tags. Una tabla simple puede ser insertada en un documento HTML usando tres tags: el tag HTML table (principal contenedor), el tag HTML tr (fila contenedora) y el tag HTML td (celda simple). Veamos un ejemplo:Código | Visualización | ||||||
<table border="1" summary="Ejemplo de tabla simple."> <tr> <td>Celda 1</td> <td>Celda 2</td> <td>Celda 3</td> </tr> <tr> <td>Celda 4</td> <td>Celda 5</td> <td>Celda 6</td> </tr> </table> |
|
Ten en cuenta que las celdas vacías igual deben ser declaradas utilizando sus respectivos tags para lograr correctitud en el código. Cuando el contenido de una celda debe ser vacío, deberías usar siempre un espacio en blanco ( ) en su lugar. Esto hará que tu página sea más comatible, dado que ciertos navegadores tienen problemas al mostrar celdas vacías.
No hay comentarios:
Publicar un comentario