Prezi

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in the manual

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

EJEMPLOS DE ETIQUETAS HTML Y PHP

No description
by PIÑA RAMOS on 19 July 2011

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of EJEMPLOS DE ETIQUETAS HTML Y PHP

EJEMPLOS: Ejemplo de programa que sume dos
variables que almacenan dos números
distintos:

<html>
<head>
<title>ejercicio </title>
</head>
<body>
<?php
$n1=1;
$n2=2;
$suma=$n1+$n2;
echo "suma = ".$suma. "<br>";
echo "$n1+$n2";
?>
</body>
</html> Ejemplo de programa de tabla:
<html>
<head>
<title>ejercicio tabla</title>
</head>
<body>
<?php
echo "<table border=1>";
$n=1;
for ($n1=1; $n1<=10; $n1++)
{
echo "<tr>";
for ($n2=1; $n2<=10; $n2++)
{
echo "<td>", $n, "</td>";
$n=$n+1;
}
echo "</tr>";
}
echo "</table>";
?>
</body> Ejemplo de formulario
Los formularios pueden ubicarse en una página usando tablas (algo recomendable para una presentación profesional). Este es un ejemplo que resume los puntos precedentes, mostrándole cómo disponer un formulario en una página Web mediante una tabla:
<FORM method=post action="cgi-bin/script.pl">
Registro de un usuario
<TABLE BORDER=0>
<TR>
<TD>Apellido</TD>
<TD>
<INPUT type=text name="apellido">
</TD>
</TR>

<TR>
<TD>Nombre</TD>
<TD>
<INPUT type=text name="nombre">
</TD>
</TR>

<TR>
<TD>Género</TD>
<TD>
Hombre:
Mujer: <INPUT type=radio name="género" value="M">
<br>Mujer: <INPUT type=radio name="género" value="F">
</TD>
</TR>

<TR>
<TD>Ocupación</TD>
<TD>
<SELECT name="ocupación">
<OPTION VALUE="profesor">Profesor</OPTION>
<OPTION VALUE="estudiante">Estudiante</OPTION>
<OPTION VALUE="ingeniero">Ingeniero</OPTION>
<OPTION VALUE="jubilado">Jubilado</OPTION>
<OPTION VALUE="otro">Otro</OPTION>
</SELECT>
</TD>
</TR>
<TR>
<TD>Comentarios</TD>
<TD>
<TEXTAREA rows="3" name="comentarios">
Escriba aquí sus comentarios</TEXTAREA>
Enviar
</TD>
</TR>

<TR>
<TD COLSPAN=2>
<INPUT type="submit" value="Enviar">
</TD>
</TR>
</TABLE>
</FORM>
Esto es lo que aparece en la pantalla:
Registro de usuario
Apellido
Nombre
Género Hombre: Mujer:
Mujer:
Ocupación
Comentarios <html>
<head>
<title>Una página Web</title>
</head>
<body>
Hola a todos. <b>Este texto es en negrita</b>
</body>
</html> Ejemplo para texto en negritas Los comentarios en HTML comienzan con <!-- y terminan por -->. Todo lo que haya entre ellos es ignorado y no se procesa para ser mostrado en pantalla.
<html>
<head>
<title>ejemplo de comentario</title>
</head>
<body>
Esta línea no es un comentario.
<!-- esta si es un comentario -->
Esta no.
<!--
esta si ...
y esta también
-->
</body>
</html> Un ejemplo de cada uno de los estilos físicos:
<html>
<head>
<title>ejemplo de estilos físicos</title>
</head>
<body>
Estilos físicos:<br>
<b>negrita</b>, <br>
<i>cursiva</i>, <br>
<u>subrayado</u>, <br>
<tt>letra no proporcinal</tt>, <br>
<big>grande</big>, <br>
<small>pequeña</small>, <br>
<s>tachado</s>, <br>
<sub>subíndice</sub>, <br>
<sup>superíndice</sup><br>
</body>
</html> Ejemplo de Separadores:

<html>
<head>
<title>ejemplo de separadores</title>
</head>
<body>
<hr width=33% align=left size=1>
<hr width=33% align=center size=4>
<hr width=33% align=right size=8>
</body>
</html> Ejemplo de Salto de Línea:
<html>
<head>
<title>ejemplo de salto de linea</title>
</head>
<body>
Esta línea no acaba en salto de linea.
Esta línea no acaba en salto de linea.
Esta línea si acaba en salto de linea.<br>
Esta línea no acaba en salto de linea.
Esta línea no acaba en salto de linea.
Esta línea si acaba en salto de linea.<br>
Esta línea no acaba en salto de linea.
Esta línea no acaba en salto de linea.
</body>
</html> Ejemplo del Tamaño de Texto:

<html>
<head>
<title>ejemplo de font</title>
</head>
<body>
<font size=1> fuente de tamaño 1</font><br>
<font size=2> fuente de tamaño 2</font><br>
<font size=3> fuente de tamaño 3</font><br>
<font size=4> fuente de tamaño 4</font><br>
<font size=5> fuente de tamaño 5</font><br>
<font size=6> fuente de tamaño 6</font><br>
<font size=7> fuente de tamaño 7</font><br>
</body>
</html> Ejemplo de Color de Texto:

<html>
<head>
<title>ejemplo de color</title>
</head>
<body>
<font color=red>Color rojo</font>
<font color=green>Color verde</font>
<font color=#0000ff>Color azul</font>
</body>
</html> Ejemplo de Tamaño de Encabezado:

html>
<head>
<title>ejemplo de cabeceras</title>
</head>
<body>
<h1>Cabecera h1</h1>
<h2>Cabecera h2</h2>
<h3>Cabecera h3</h3>
<h4>Cabecera h4</h4>
<h5>Cabecera h5</h5>
<h6>Cabecera h6</h6>
</body>
</html> Ejemplo de Listas:

<html>
<head>
<title>ejemplo de lista no ordenada</title>
</head>
<body>
<h1>Ejemplo de lista no ordenada</h1>
<ul>
<li>primer elemento</li>
<li>segundo elemento
<ul>
<li>primer elemento</li>
<li>segundo elemento</li>
<li>tercer elemento</li>
<li>cuarto elemento</li>
</ul>
</li>
<li>tercer elemento</li>
<li>cuarto elemento</li>
</ul>
</body>
</html> Ejemplo de enlaces:

<a name="identificador">
Para poder saltar a otra parte, tanto dentro del mismo documento como en cualquier otra direción de la red, hemos de usar el atributo href de la siguiente forma:
<a href="dirección">
También podremos saltar a páginas servidas por un servidor web utilizando la siguiente sintaxis:
<a href="http://www.geneura.org">
Otro uso es poder descargarnos directamente ficheros a través del protocolo FTP. Veamos como hacerlo:
<a href="ftp://ftp.geneura.org/datos.txt">
Para enviar un correo electrónico:
<a href="mailto:pepe@sucasa.es">
Para escribir a un grupo de noticias:
<a href="news:migrupo@colegas.es">
Para conectarnos mediante telnet a otro ordenador:
<a href="telnet://mipc.es"> Ejemplo para insertar imagenes:

<html>
<head>
<title>ejemplo de imagen</title>
</head>
<body>
<table>
<td> <img src="apple.jpg" align=top border=0> align=top </td>
<td> <img src="apple.jpg" align=center border=1> align=center </td>
<td> <img src="apple.jpg" align=bottom border=4> align=bottom </td>
</table>
</body>
</html>
See the full transcript