HTML

Cod. org con subtitulos en español 

Significado de las siglas (HTML)

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">

<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>

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>