index.htm

RECETAS DE NAVIDAD

- apuntes comunicaciones javascript lenguaje c php autoayuda bolsa chistes empleo fotografia digital ocio sabiasque salud timos trucos

introduccion a javascript y html

En este capitulo se trata de continuar programando en JavaScript, pero utilizando las posibilidades graficas y visuales del navegador: botones, cuadros de texto, etc.

Para ello necesitamos conocer un poco mas de los tags propios del HTML,

Texto

<!-- //-->

Permite escribir comentarios en una pagina web (no en un programa JavaScript).

<BR>

Es equivalente a un [Return]. No existe el correspondiente tag de cierre.

<h1> </h1>

<h2> </h2>

<h3> </h3>

Nos sirven para escribir "titulos".

<P> </P>

Parrafo normal (justificacion izquierda).

<P ALIGN="CENTER"> </P>

Parrafo centrado.

Colores

<BODY BGCOLOR="CodigoColor"> </BODY>

La pagina quedara coloreada con el color de fondo correspondiente a CodigoColor

La sintaxis de CodigoColor es #XXYYZZ

XX es un numero en hexadecimal de 00 a FF correspondiente al rojo

YY es un numero en hexadecimal de 00 a FF correspondiente al verde

ZZ es un numero en hexadecimal de 00 a FF correspondiente al azul

Ejemplos:

#FF0000 rojo #0000FF azul

#9900DD violeta #00FF00 verde

#FF00FF magenta

<FONT COLOR="CodigoColor"> </FONT>

La letra aparecera en el color correspondiente a CodigoColor.

Otros

<HR>

Dibuja una linea horizontal.

<B> </B>

Letra en negrita.

  • Escribe el siguiente programa:

<HTML>

<HEAD><TITLE>Esto esta en el navegador</TITLE></HEAD>

<!-- PROG061.HTM //-->

<BODY BGCOLOR='#000000'>

<FONT COLOR='#FFFFFF'>

<h1>Color de Fondo #000000=Negro</h1>

<BR>

<P ALIGN='CENTER'>

El color del texto #FFFFFF=Blanco</P>

<BR>

<HR>

Esto esta entre dos rayas horizontales

<HR>

<P ALIGN='CENTER'>

<B>Esto es Negrita</B></P>

<BR>

Esto es letra normal

</FONT>

</BODY>

</HTML>

  • Grabalo en TuCarpeta con el nombre Prog061.htm y ejecutalo.
  • Escribe el siguiente programa:

<HTML>

<!-- PROG062.HTM //-->

<BODY BGCOLOR='#FF0000'>

<FONT COLOR='#0000FF'>

<B>

<BR>

<HR>

<P ALIGN='CENTER'>

Juan Español Español

<BR>

Avda. de España 1

<BR>

28001 - MADRID

</P>

<HR>

</B>

</FONT>

</BODY>

</HTML>

  • Grabalo en TuCarpeta con el nombre Prog062.htm y ejecutalo.

Anterior paso:
temporizadores
Siguiente paso:
escribiendo en el navegador

· Introduccion a javascript
· Javascript: sintaxis basica
· Variables en javascript
· Javascript: tipos de datos
· Javascript: contadores
· javascript: conversion entre tipos
· Operadores logicos y relacionales en javascript
· If else en javascript
· While en javascript
· Bucles for en javascript
· Switch case javascript
· Do while en javascript
· Calculos iterativos en javascript
· El objeto math javascript
· Variable temporal en javascript
· Funciones sin retorno de parametro. Javascript
· Funciones que devuelven parametros en javascript
· Arrays en javascript
· Matrices con varias dimensiones en javascript
· Codigo ascii/unicode y javascript
· Buscar una letra en un string con javascript
· Temporizadores en javascript
· Introduccion a javascript y html
· Escribiendo en el navegador con javascript
· Formularios en javascript
· Botones en javascript

IMPORTANTE:

- Si te ha gustado esta pagina, por favor, votanos aqui:

- Si no te ha gustado, escribenos y cuentanos en que mejorar.

Actualizado: 16/12/2013