HTML: Hyper Tex Markup Language
* Basado en etiquetas ("Marcas","tags")
* Antecedentes: Proceso de textos mediante marcas (TeX, IBM-scrip, Wordstar)
* Combina potencia y simplicidad
- Hipertexto e Hipermedia
- Documento HTML: Ficheros de texto (ASCII)
- HTML: Es un lenguaje interpretado: muy "portable"
ETIQUETAS:
<HTM></HTML>
<HEAD></HEAD> (Encabezado)
<BODY></BODY> (Cuerpo)
<HTML>
<HEAD>
<TITLE> Mi Página Web imprimación </ TITLE>
</ HEAD>
<BODY>
<H1> PROMO 14 </ H1>
<H2> 6to INFORMATICA </ H2>
<H3> SAN MARTIN </ H3>
<H4> DANIELA </ H4>
<H5> LUCIA </ H5>
<H6> SAN FRANCISCO </ H6>
<HR>
<P>
<CENTER> <B> <I> BUENO, AHORA PENSEMOS .. <I> </ B> </ CENTER>
</ P>
<HR>
</ BODY>
</ HTML>
FORMATEO ELEMENTAL DE TEXTOS
<U> </U> SUBRAYADO
<S> </S> TACHADO
<TT> </TT> ESPACIADO
<SUP> </SUP> SUPERÍNDICE
<SMALL> </SMALL> PALABRA MÁS PEQUEÑA
<BIG> </BIG> PALABRA MÁS GRANDE
<I>
</I> = <EM> </EM> AMBOS CURSIVA
<B>
</B> = <STRONG> </STRONG> AMBOS NEGRITA
<BR> CREA UN
SALTO DE LÍNEA
<BASE FONT SIZE=3> </BASE FONT SIZE> TAMAÑO PARA
TODA LA PÁGINA POR DEFECTO
EJ:
<BASE FONT SIZE ="5">
<FONT COLOR="RED"> COLOR DE LAS FUENTES-
TAMBIÉN VER CÓDIGO DE COLORES HTML
ALINEACIÓN
IZQUIERDA: ALIGN=LEFT (OPCIÓN POR DEFECTO)
DERECHA: ALIGN=RIGHT
CENTRADO: ALIGN=CENTER
UTILIZACIÓN <P ALIGN=opción>
FONDOS
<BODY BACKGROUND="fondo.gif">
<BODY BGCOLOR="color">
<Body bgcolor="black" text="blue">
<body background="fondo.jpg" bgcolor="white"
text="black">
<Body bgcolor="black" text="blue">
<body background="fondo.jpg" bgcolor="white"
text="black">
<IMG SCR = "NOMBRE DE ARCHIVO + EXTENSION"
<img src ="flor.gif" WIDTH (ancho)= 180 HEIGHT= 30 alY=" >
<IMG SRC =FLOR.GIF" alt="BANDERA DE">
INCLUSIÓN DE IMÁGENES
Formatos principales GIF y JPEG
Sintaxis:
<IMG SRC="imagen.gif">
Atributos
<IMG SRC="imagen.gif" HEIGHT= Valor
WIDTH=valor>
Alineacion
<IMG SRC="imagen.gif" ALING=top>
TABLAS
Las tablas sirven para encolumnar y estructurar el texto y las imágenes con mas precisión.
Las marcas que se usan:
<TABLE> </TABLE> Al inicio y al final
<TR> </TR> Definen las filas
<TD> </TD> Definen las columnas
* La estructura de una tabla es muy versátil.
* La estructura de una tabla son jerárquicas: Una tabla tiene una o mas filas y cada una de las filas esta dividida en una o mas columnas.
<Table borde ="1">
<tr>
<td> Texto 1</td>
<td> Texto 2</td>
<td> Otra columna</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
INCLUSIÓN DE IMÁGENES
Formatos principales GIF y JPEG
Sintaxis:
<IMG SRC="imagen.gif">
Atributos
<IMG SRC="imagen.gif" HEIGHT= Valor
WIDTH=valor>
Alineacion
<IMG SRC="imagen.gif" ALING=top>
TABLAS
Las tablas sirven para encolumnar y estructurar el texto y las imágenes con mas precisión.
Las marcas que se usan:
<TABLE> </TABLE> Al inicio y al final
<TR> </TR> Definen las filas
<TD> </TD> Definen las columnas
* La estructura de una tabla es muy versátil.
* La estructura de una tabla son jerárquicas: Una tabla tiene una o mas filas y cada una de las filas esta dividida en una o mas columnas.
<Table borde ="1">
<tr>
<td> Texto 1</td>
<td> Texto 2</td>
<td> Otra columna</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
ATRIBUTO HREF:
Un hipervínculo externo es un vínculo a otro sitio web en
internet (sitio externo)
Debemos:
Escribir la dirección completa de la página
incluido http://www... Estas rutas que incluyen
http://... Las denominadas rutas absolutas.
Por ejemplo:
1- <a href=http://www.aprenderaprogramar.com>
Acceder a la página web aprenderaprogramar.com</a>
2- <a herf=pagina.html><img src="images.jpg"></a>
