viernes, 30 de noviembre de 2012

Tipos de Tabla

  • Cree la siguiente tabla

<html>
<head>
<title>
</title>
</head>
<body>
<table border>
      <TR>
              <TD>fila 1-celda1</TD>
             <TD>fila1-celda2</TD>
             <TD>fila 1-celda3</TD>
     </TR>
     <TR>
              <TD>fila2-celda1</TD>
             <TD>fila2-celda2</TD>
             <TD>fila2-celda3</TD>
   </TR>
</table>
</body>
</html>

  • ahora vamos a variar el espesor de los borrdes,hacemos poniendo un signo= y un numero en (<table border =5>). El listado ahora debe estar asi:
<html>
<head>
<title>
</title>
</head>
<body>
<table border=6>
        <caption>Titulo de la tabla</caption>
  <TR>
         <td>fila1-celda1</td>
      <td>fila1-celda2>/
      <td>fila1-celda3</td>
    </tr>
    <tr>
            <td>fila2-celda1</td>
      <td>fila2-celda2</td>
      <td>fila2-celda3</td>
    </tr>
</table>
</body>
</html>

  • Para poner un texto... Para poner una imagen...Para poner un enlace...
<html>
<head>
<title>
</title>
</head>
<body>
<tr>
<td>Este texto esta dentro de una celda</a></td>
</tr>
      Para poner una imagen...
<tr>
<td><IMG SRC="imagen1.jpg" /></td>
</tr>
      Para poner un enlace...}
<tr>
<td><A HREF="primera.htm">Ir a la primera pagina</A></td>
</tr>
</table>
</body>
</html>

  • tabla con color de fondo. El encabezado nos quedará...
<html>
<head>
<title>
</title>
</head>
<body>
<table border=5 WIDHT=60% HEIGHT=200 BG COLOR=#00FF00">
      <CAPTION>Titulo de la tabla </caption>
   <tr>
   <th>columna 1</th>
   <th>columna 2</th>
   <th>columna 3</th>
   </tr>
   <tr>
           <TD>BGCOLOR="#0000FF">fila-celda1</TD>
     <TD>fila1-celda2</TD>
     <TD>fila1-celda3</TD>
   </tr>
   <tr>
           <TD>fila2-celda1</TD>
     <TD>fila2-celda2</TD>
     <TD>fila2-celda3</TD>
  </tr>
</table>
</body>
</html>
Publicado por en No hay comentarios:

Programacion HTML


1.- Forma los caracteres

<HTML>

<HEAD>

<TITLE>Ejemplos de Estilos de Fuentes</TITLE>

</HEAD>

<BODY>

<FONT FACE="Arial">

Este ejemplo muestra cómo cambiar la fuente de un determinado texto

<FONT>

<BR>

<FONT SIZE=+4>

Este ejemplo muestra cómo cambiar el tamaño de un determinado texto

</FONT>

<BR>

<FONT COLOR=RED SIZE="2" FACE="Arial,Courier">

Este ejemplo muestra cómo cambiar tamaño,tipo y color de un determinado texto

</FONT>

</BODY>

</HTML>

 

Colores que puede utilizar en su página

AQUA(agua)

BLACK(negro)

BLUE(azul)

FUCHSIA(fucsia)

GRAY(gris)

GREEN(verde)

LIME(lima)

MAROON(marrón)
NAVY(azul marino)

OLIVE(oliva)

PURPLE(morado)

RED(rojo)

SILVER(plata)

TEAL(azul verdoso)

WHITE(blanco)

YELLOW(amarillo)


2.-Para utilizar listas:

<HTML>
<HEAD>
<TITLE>Lista de viñetas</TITLE>
<HEAD>
<BODY>
Los últimos cuatro viajes que he realizado han tenido como destino:
<UL>
<LI>Canarias</LI>
<LI>Venezuela</LI>
<LI>Nueva Zelanda</LI>
<LI>El Tíbet</LI>
</UL>
<OL START=4 TYPE=A>
<LI>Canarias</LI>
<LI>Venezuela</LI>
<LI>Nueva Zelanda</LI>
<LI>El Tíbet</LI>
</OL>

Vínculo para poner imágenes a la página

<img src="imagenes/Einstein.gif" WIDTH="160" HEIGHT="108">
 
Publicado por en 1 comentario:

Mi Pagina web

<HTML>
<HEAD>
<TITLE>Sistemas Operativos</TITLE>
</HEAD>
<BODY>
<FONT FACE=”Juice ITC">
</FONT>
<BR>
<H1><¿Qué es un sistema operativo?</H1>
<BR>
Es un programa o conjunto de programas que gestiona los recursos de hadware y
provee servicio a los programas de aplicación, ejecutándose en modo privilegiado
respecto de los restantes.
<BR>
<H1>Tipos de sistemas operativos</H1>
<BR>
<H3>Sistema Operativo Windows</H3>
<BR>
<img src=./Ana Lucia/Imagen/segunda.jpg>
<BR>
<H3>Sistema Operativo Linux</H3>
<BR>
<img src=./Ana Lucia/Imagen/Segunda.jpg>
<BR>
<H1>Diferencia entre Sistema Operativo Windows y Linux</H1>
<BR>
Windows es más fácil de usar y de configurar, es inestable y se bloquea frecuentemente.
Linux es más potente, estable y seguro, pero no es fácil de usar.
<BR>
<H1>Diferencia entre AMD E INTEL</H1>
<BR>
Intel es más caro y sus dos preocesadores son matemáticos, por lo cual trabajar con el PC es más rápido
AMD es más barato y tiene un procesador matemático y otro gráfico por lo cual es mejor para jugar
<BR>

<H1>Tipos de sistemas operativos para celulares</H1>
<BR>
Symbian
<BR>
Blackberry
<BR>
Java
<BR>
Windows Mobile
<BR>
Palm
<BR>
Mac SO X
<BR>
<H1><CENTER>Mi vídeo</CENTER></H1>
<BR>
<CENTER><iframe width="420" height="315" src="http://www.youtube.com/embed/NvsdOCawaSQ" frameborder="0" allowfullscreen></iframe></CENTER>
</BODY>
</HTML>|
Publicado por en No hay comentarios:

Diseño de Página WEB

1.-La etiqueta<P> separa el texto en diferentes párrafos,<br> baja un renglón.
<html>
<head>
<title>
        Mipágina de WEB
</title>
</head>
<body>
          Hola, soy yo. Estoy haciendo una página WEB.
         Aquí paso a otro párrafo.
         <br />
     Aquí bajo un renglón.
</body>
</html>

2.-Cabeceras o títulos, comprendidos entre las etiquetas <h1> y </h1>, <h2>, </h2>,etc. (hasta el número 6), texto en el centro con <center></center>

<html>
<head>
<title>
       Mipágina de WEB
</title>
</head>
<body>
          <h1>
         Título más grande con H1</h1>
        <h2>
        Título menos grande con H2</h2>
        <h3>
        Título un poco menos grande con H3</h3>
       <h4>
       Título en letra normal con H4</h4>
       <h5>
       Titulo en letra chica con H5</h5>
       <h6>
      Título en letra bien chica con H6</h6>
       Hola, soy yo. Estoy haciendo una página WEB.
      Aquí paso a otro párrafo.
     <br />
      Aquí bajo un renglón
      <center>
      Este texto está centrado
      </center></body></html>

3.-La etiqueta<hr /> ( no existe la correspondiente de cierre) pone una raya horizontal. Para que no ocupe toda la pantalla sino una parte indicándole WIDTH=XX%y el ancho con SIZE=X

<html>
<head>
<title>
       Mipágina de WEB
</title>
</head>
       Hola, soy yo. Estoy haciendo una página WEB.
       Aquí paso a otro párrafo.
       <br />
       Aquí bajo un renglón.
       <center>
       Este texto está centrado.
       </center>
       <hr size="1" width="10%" />
       <hr size="4" width="30%" />
       <hr size="8" width="100%" />
      </html><br />
4.-<b> y </b> para negrita, <l> y </l> cursiva, <br />
<pre> y </pre>
para poner texto preformateado , es decir, aparecerá tal cual uno lo escribe
<html>
<head>
<title>
      Mi segunda página de WEB
</title>
</head>
<body>
     <b>Estas palabras están en negrita </b>
     <l> Estas palabras están en itálica</l>
     <pre>Este texto está preformateado y esto va luego de 10 espacios en blanco
     El texto actual fue escrito después de dar un enter</pre>
</body>
</html>

5.-Listas desordenadas (UL), Listas ordenadas (OL)
<html>
<head>
<title>
      Mi segunda página de WEB
</title>
</head>
<body>
Lista desordenada
<ul>
     <ll> Monitor
     <ll> Placa de sonido
     <ll> Teclado
     <ll> Etc.
</ll></ll></ll></ll></ul>
Lista ordenada:
<ol>
    <ll> Monitor
    <ll> Placa de sonido
    <ll> Teclado
    <ll> Etc.
</ll></ll></ll></ll></ol>
</body>
</html>

6.-Listas de definición (DT), comentarios no visibles en la pantalla: <l --="--" y="y">
<html>
<head>
<title>
      Mi segunda página de WEB.
</title>
</head>
<body>
Lista de definición
<dl>
<dt> Monitor:
             <dd> Hardware de la computadora cuya función es destruir ojos.
<dt> Placa de sonido:
             <dd> Rompe la tranquilidad familiar.
<dt>Teclado:
            <dd>Destructor de uñas.
</dl>
        <!--Esto es un comentario al código que no se verá en pantalla---->
        El texto que figura como comentario en este código no lo vemos en la pantalla
      <p>
      <b>Estas palabras están en negrita</b>
      <l>Estas palabras están en itálica</l>
     </body>
</html>
Publicado por en No hay comentarios:

jueves, 15 de noviembre de 2012

LENGUAJE WEB

1.

 <html>
  <head>
    <title>Primer ejemplo</title>
  </head>
  <body>
    Programación html
    <hr />
    BSCONSULTORES  -  Arequipa 2008
  </body>
</html>|

 2.

 <html>
  <head>
  <title>Pagina nueva 1</title>
  </head>
  <body bgcolor="cyan">
  <h1>
Segunda prueba ... </h1>
<h2>
Encabezados en  HTML</h2>
<hr />
  <u><b>BSConsultores </b>  -  Arequipa  2008|</u>
  </body>
</html>

 3.

 <html>
  <head>
  <title>Pagina nueva 2|</title>
  </head>
  <body bgcolor="cyan">
  <span style="font-size: small;">A</span> <span style="font-size: medium;">A</span><span style="font-size: large;">A</span>
  <span style="font-size: x-large;">A</span> <span>A</span><span style="font-size: x-large;">A</span>
  <span style="font-size: large;">A</span> <span style="font-size: medium;">A</span><span style="font-size: small;">A</span>
  </body>
</html>

4.

 <html>
  <head>
  <title>Pagina nueva 2</title>
  </head>
  <body bgcolor="cyan">
<pre>

                 1   2   3   4   5   6  7            <b>Esto es una demostracion de </b>
                8  9 10 11 12 13 14                    texto preformateado
              15 16 17 18 19 20 21
</pre>
</body></html>


5.

 <html>
  <head>
  <title>Pagina nueva 2</title>
  </head>
  <body bgcolor="cyan">
<h1>
Listas</h1>
<hr />
<ol>
<li>Capa de Datos
<li>Mysql
<li>Postgresql
</li>
</li>
</li>
</ol>
<ul>
<li>Html
<li>JavaScript
</li>
</li>
</ul>
|</body></html>


6.

 <html>
  <head>
  <title>Manipulando Imagenes</title>
  </head>
  <body>
  <h1>
Tres Imagenes ... </h1>
<img src="./imagenes/logo,jpg" />
  <img src="./imagenes/intro.jpg" />
  <hr />
  <img align="LEFT" height="92" src="./imagenes/final.jpg" width="272" />
  </body>
</html>|
Publicado por en No hay comentarios:

Sistemas Operativos


1.¿Que empresas fabrican o desarrollan sistemas operativos?
 
      ·      Microsoft
      ·       Apple
      ·       Intel 
      ·     Amazon
      ·      Oracle
      ·       Linux


2.-Investiga acerca de Microsoft
Es una empresa multinacionall de origen estadounidense, fundada el 4 de abril de 1975 por Bill Gatess y Paul Allen. Dedicada al sector de la informática, tiene su sede en Redmond,Washington, Estados Unidos. Microsoft desarrolla, fabrica, licencia y produce software y equipos electrónicos, siendo sus productos más usados el sistema operativo Microsoft Windows y  la suite Microsoft Office, los cuales tienen una importante posición entre los ordenadores personales. Con una cuota de mercado cercana al 90% para Office en 2003 y para Windows en 2006, siguiendo la estrategia de Bill Gates de «tener una estación de trabajo que funcione con nuestro software en cada escritorio y en cada hogar».
Fundada para desarrollar y vender intérpretes de BASIC para el Altair 8800, a mediados de los 80 consiguió dominar el mercado de ordenadores personales con el sistema operativo MS-DOS. La compañía inició una Oferta Pública de Venta en el mercado de valores en 1986, la cual, debido a la subida de cotización de las acciones, llevó a 4 empleados a convertirse en multimillonarios y a 12.000 en millonarios.
Durante su historia, ha sido objeto de críticas, como acusaciones de realizar prácticasmonopolísticas que la han llevado ante la Comisión Europea y el Departamento de Justicia de los Estados Unidos.
Su web oficial es una de las páginas más visitadas de la red, recibiendo por día más de 2,4 millones de visitas únicas según datos de Alexa, que situó el 11 de mayo de 2008 a Microsoft.com como la 14ª página web con más visitas del mundo.

3.-Investiga acerca de los sistemas operativos
Un sistema operativo (SO) es un programa o conjunto de programas que en un sistema informático gestiona los recursos de hardware y provee servicios a losprogramas de aplicaciónn, ejecutándose en modo privilegiado respecto de los restantes. [Uno de los propósitos del sistema operativo que gestiona el núcleointermediarioo consiste en gestionar los recursos de localización y protección de acceso del hardware, hecho que alivia a los programadores de aplicaciones de tener que tratar con estos detalles. La mayoría de aparatos electrónicos que utilizan microprocesadoress para funcionar, llevan incorporado un sistema operativo (teléfonos móviles, reproductores de DVD, computadoras, radios,enrutadores, etc.). En cuyo caso, son manejados mediante una Interfaz Gráfica de Usuario, un gestor de ventanas o un entorno de escritorio, si es un celular, mediante una consola o control remoto si es un DVD y, mediante una línea de comandos o navegador web si es un enrutador.

 
4.-Tipos de sistemas operativos
 
Los sistemas operativos mas conocidos son los siguientes:
   ·   Dos
       ·    Windows 3. 1
       ·     Windows 95
       ·     Windows NT 
       ·     OS/2  
       ·     Mac OS
       ·     UNIX
  
5.-Dierencia entre sistemas operativos Windows y Linux
    ·   Existen dos barras de herramientas de Linux, mientras que en Windows solo hay una
  ·    La barra de herramientas principal en Linux aparece situada en la parte superior de la                                                 
           pantalla
       ·    Linux esta menos avanzado que Windows
       · Los juegos de entretenimiento de Linux son mejores que los de Windows
       ·   Linux es gratuito
       ·    A Linux no le entra virus
       ·   La forma de cerrar la sesión es distinta
       ·   Los editores de texto son diferentes
       ·   Windows es más fácil de manejar
       ·    Linux es más rápido que Windows
    
    6.-Investigar sobre sistemas operaivos para celulares
      ·       Symbian OS
      ·       Windows Mobile
      ·       Blackberry OS
      ·       iPHONE OS X
      ·       Google Android
      ·       Windows Phone 7
      ·       Palm web OS
      ·       MAEMO





Publicado por en 1 comentario:
Suscribirse a: Entradas (Atom)