miércoles, 25 de marzo de 2015

Html 6. Hipervinculos

Para incluir enlaces de una web a otra dentro de nuestro sitio, utilizamos la etiqueta "a href" y tras el igual incluimos el nombre de la web a la que se enlaza, antes de cerrar la etiqueta se incluye la descripcion que queremos que aparezca en dicho enlace.

Todo esto y mas lo podeis encontrar en Aprendiendo Programacion.
Ejemplo:


<html>
<head>
<title>hipervinculo</title>
</head>
<body>
<h1>Primera Pagina</h1>
<a href="0006b.html">Segunda Pagina</a>
</body>
</html>





El ejemplo esta en la web de Ejemplos.

<html>
<head>
<title>Segunda pagina</title>
</head>
<body>
<h1>Segunda Pagina</h1>
<a href="0006.html">Primera Pagina</a>
</body>
</html>

 

viernes, 20 de marzo de 2015

Html 5. Formularios

Para solicitar datos del usuario en html lo hacemos mediante formularios, el que indico como ejemplo es basico, pero sirve para entender bien como funciona.
La etiqueta usada para el formulario es form, con apertura y cierre, dentro de la apertura se indica el metodo a usar para pasar los datos, en este caso POST (metodo que oculta las variables, el otro metodo seria GET que muestra las variables en la URL o direccion web que aparece arriba en el navegador. Con dicho metodo se indica en action a que pagina se envian los datos para procesarlos.
Se indica con texto que se solicita al usuario y mediante input type indicamos que tipo de dato se recoge y su nombre de variable con name, seguidamente ponemos un boton de envio.
Para todo esto tenemos que crear 2 webs, una que envia y otra que recibe (cuando avancemos mas veremos que tambien se puede hacer desde la misma web).
Ejemplo:


<html>
<head>
<title>Formulario</title>
</head>
<body>
<form method=”post” action=”0005b.php”>
 Introduce nombre: <input type=”text” name=”nombre”> <br>
<input type=”submit” value=”enviar”>
</form>
</body>
</html>


La web que recibe se llamara 0005.php

<html>
<head>
<title>Capta nombre del formulario</title>
</head>
<body>
<?php echo “El nombre obtenido es:”;
 echo $_REQUEST['nombre'];
 ?>
</body>
</html>

jueves, 19 de marzo de 2015

miércoles, 18 de marzo de 2015

jueves, 12 de marzo de 2015

Html 4. Comentarios

Un elemento utilizado en cualquier lenguaje de programacion es el comentario, este sirve para recordarnos algo importante del codigo ya que quizas al verlo tiempo despues para modificar algo no nos acordemos exactamente que hacia y esto nos puede ayudar.
Tambien es util cuando se programa en equipo y otra persona tiene que modificar o añadir algo, esto le servira de guia.
El comentario se realiza asi: <!--Comentario-->.
Ejemplo:


<html>
<head>
<!-- Aqui ponemos el titulo de la web --> 
<title>Ejemplo de comentario</title>
</head>
<body>
<!-- Ejemplo de parrafo-->
<p>Este ejemplo sirve para indicar como se incluye un comentario en el codigo</p>
</body>
</html>
 

Mas ejemplos y teoria en Web Aprendiendo Programacion
Esperando sea de utilidad, gracias.

martes, 10 de marzo de 2015

Html 3. Tablas

Otro de los elementos mas utilizados en la web son las tablas, antiguamente se usaban para maquetar las paginas (ya no se usa para este fin).
Comienzan por <TABLE>.....</TABLE>, cada fila por <TR>...</TR> y dentro de estas cada elemento con <TD>.....</TD>.
Ejemplo:


<html>
<head>
<title>Ejemplo Tabla</title>
</head>
<body>
<h1>Tabla</h1>

<TABLE BORDER>
 <TR>
  <TH>Cabecera 1</TH> <TH>Cabecera 2</TH> <TH>Cabecera 3</TH>
 </TR>
 <TR>
  <TD>Fila 1 Cab 1</TD> <TD>Fila 1 Cab 2</TD> <TD>Fila 1 Cab 3</TD>
 </TR>
 <TR>
  <TD>Fila 2 Cab 1</TD> <TD>Fila 2 Cab 2</TD> <TD>Fila 2 Cab 3</TD>
 </TR>
</TABLE> 
</body>
</html>

El ejemplo es autoexplicativo.
Mas ejemplos y teoria en Web Aprendiendo Programacion
Esperando sea de utilidad, gracias.

lunes, 9 de marzo de 2015

Html 2. Listas

Junto con los encabezados y parrafos son de los elementos mas comunes o frecuentes en las webs.
Comienzan por <ol>.....</ol>
y cada elemento de la lista por
<il>.....</il>.
Ejemplo:


<html>
<head>
<title>Ejemplo Lista</title>
</head>
<body>
<h1>Listas</h1>
<h2>Lista ordenada</h2>
<ol>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ol>
<br>
<h2>Lista sin ordenar</h2>
<ul>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ul>
<br>
<br>
</body>
</html>


Este ejemplo esta publicado en Web Ejemplos.
Mas ejemplos y teoria en Web Aprendiendo Programacion
Esperando sea de utilidad, gracias.

Cambio de imagen en web programacion

Hace algun tiempo decidi publicar mis apuntes de programacion que usaba como recordatorio, con el fin de que pudiera servir a alguien mas.
Por esto cree la Web Aprendiendo Programacion, hace unos dias cambie un poco la imagen de dicha web y añadi algo mas de contenido.
En cuanto pueda seguire añadiendo mas, con el objetivo de tener un sitio completo para consultar teoria y ejemplos de programacion.
Espero os sea util, gracias.