informatica: programacion HTML

La programacion HTML esta escrita en hipertexto , se maneja por medio de etiquetas la cual es encontrada en los buscadores

Pasos para crear HTML

1.- Crear Carpeta=> la cual esta compuesta por :

-Trabajo

-Videos

-Enlaces

-Sonido

-Imagenes.

Todos estos componentes forma un Sitio Web.

Hay paginas estaticas como:

www.Trabajo...........=> la cual esta en la computadora.

Hay paginas dominios como:

www.verbodivino.edu.ec=>la cual aparece en la red.

Los programas que pueden utilizarse para hacer paginas HTML son:

-En Windows- blog de notas

-En Linux-Gedit=> Aplicaciones-Accesorios-gedit o editor de textos

CODIGO DE PROGRAMACION

1.- HTML (primer ejemplo)

<HTML>

<head></head> => abrir y cerrar

<body>

Bienvenidos al curso html

</body>

</HTML>

Para guardar tenemos que :

-clic en archivo-guardar como

con el siguiente nombre:

miprimerpagina.html

nota:siempre debe esta con la terminacion .html

2.-<HTML>

<head><title>curso de HTML quinto fima a </title> </Head>

<body>

Bienvenidos al curso HTML

</body>
A continuacion un buen video de como crear una pagina web:

COMO PERSONALIZAR MI PAGINA WEB:
PONER COLOR DE TEXTO:
Para poner color de texto tenemos que utilizar el siguiente atributo:
text entre las etiquetas <body>.....</body>
A continuacion le mostramos codigos de los colores.
#FFFFFF BLANCO
#FF0000 ROJO
#0000FF AZUL
#00FFFF CYAN
#70DB93 AGUA MARINO
#C0C0C0 PLOMO
#000000 NEGRO
#00FF00 VERDE
#FF00FF MAGENTE
#FFFF00 AMARILLO
#A62A2A CAFE
#4F2F4F VIOLETA

<html>
<head> <title>Curso de html quinto fima"a"</title> </head>
<body bgcolor="#70DB93" text="#0000FF">
Bienvenidos al curso de html
</body>
</html>

PARA CONFIGURAR LA MEDIDA DE LAS LETRAS.
<font size="10" face="Verdana"> Despues de </head>...............................
Como en este ejemplo:

<html>
<head> <title>Curso de html quinto fima"a"</title> </head>
<body bgcolor="#70DB93" text="#0000FF"> <font size="10" face="Verdana">
Bienvenidos al curso de html
</body>
</html>

UN VIDEO SOBRE ESTAS CONFIGURACIONES:

                                        COMO ALINIAR EL TEXTO
Tenemos varias opciones:
<p align=left>    izquierda.
<p align=right>               derecha.
<p aligh=center>             centro.
<br>                                 salto de linea
A continuacion un ejemplo:
<html>
<head>
<title> centrar texto </title> </head>
<body bgcolor="white">
<div align="left">hola mundo</div>
<div align="right">quinto fima a</div>
<div align="center">navidad</div>
</body>
</html>
Un claro ejemplo es:

<html>
<head> <title>centrar texto</title> </head>
<body>

<div align="left"> <font color="orange"><font size="7"> navidad</div>
<div align="right"> <font color="blue"><font size="7"> navidad</div>
<div align="center"> <font color="red"><font size="7"> navidad</div>
</body>
</html>

Para agregar un contenido grafico a nuestra pagina html :
Aqui les dejo un link donde nos muestra los pasos que tenemos que hacer para poner un grafico dentro de nuestra pagina:
http://www.aulafacil.com/CursoHtml/Lecc-18.htm
Para insertar una imagen utilizamos<img src="aqui ponemos la direccion de la imagen">
Para tener un espacio entre parrafos ponemoss
<br.................................</br>

Para agregar vi~netas es con <ul> a continuacion <li>....... y terminamos con </ul>
Para agregar numerales es con <ol> a continuacion <li>...... y terminamos con </ol>
Para agregar links es con :
<a href=".................................">pulse.................. </a>
Para agregar una imagen
<img src="monigote.gif"alt="mi monigote"> <p>

-Etiqueta para marquesino o en movimiento=>
<marquee><h1>TEXTO</h1></marquee>
-Etiqueta para intermitente es=>
<blink>INTERMITENTE</blink>
-Etiqueta para agregar una tabla es=>

<table border=1><tr><td>Fila 1 Columna 1</td><td> Fila 1 Columna 2</td></tr><td>Fila 2 Columna 1</td><td> Fila 2 Columna 2</td></tr></table>

A continuacion un video sobre como agregar una tabla en html.

-Etiqueta para poner una imagen como fondo=>
<body background="imagen.gif">
A continuacion un video sobre este tema:

-Etiqueta para agregar un video en html=>

"Para añadir un video (avi, mpg, wmv, ram, rm...) o un archivo de audio (wma, mp3, mid...) puedes utilizar la directiva <embed> con los posibles parámetros:

src="fichero" Indica el nombre del fichero

autostart="xxx" Puedes usar true para que empieze a reproducir al cargar la página o false para tener que dar al play para empezar.

loop="xxx" Usa true para que al acabar vuelva a empezar, y false para que no lo haga.

hidden="false" Usa true para ocultar los botones, y false para que se muestren.

width="200" Ancho que ocupará (incluyendo controles)

height="200" Alto que ocupará (incluyendo controles)

Un ejemplo:

<embed src="archivos/mi_archivo.avi" loop=true autostart=false hidden=false width=400 height=200>

El ordenador donde se vea la página debe tener instalado y configurado un reproductor, p. ej. el Windows Media Player, y el codec del archivo si corresponde.

RESUMEN DE LAS ETIQUETAS

<html>

<head><title>TITULO</title></head>

<div align="center">TEXTO </div>

<div align="left"> <font color="orange"><font size="7"> navidad</div>

<a href="DIRECCION WEB">TEXTO</a>

<marquee><h1>TEXTO</h1></marquee>

<blink>INTERMITENTE</blink>

<ul>

<li>VINIETA

</ul>

<ol>