Fernando Ojeda, Desarrollo de páginas web :)

EJEMPLO 1.21.1 INDEX.HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<link href="Estilo/estiloEspecialidad.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
</head>

<body>
<div align="center">
<p><img src="ImagEscuela/CBTIS 121 Fachada Principal.jpeg" width="1000" height="400" alt="._.XD" /></p>
</div>
<p align="center"><span class="Estilo1">Especialidades</span></p>
<p align="left">Altas | Consulta</p>
<p align="left">Ejemplos de sitios web dinámicos</p>
<p align="left">Acceso a la gestión de las especialidades en el CBTis 121.</p>
<p align="left">Podrá realizar:</p>
<ol>
<li> Dar de alta una nueva especialidad.</li>
<li> Consultar las especialidades.</li>
<li> Modificar algún dato de las especialidades guardadas .</li>
<li>Elimina alguna especialidad. </li>
</ol>
<p>Todo esto con sólo a una base de datos de prueba instalada de manera local </p>
</body>
</html>

ARCHIVO DE CONEXION

<?php
function conecta(){
//Conexión a la base de datos
$vServidor="localhost";
$vUsuarioBD="root";
$vContraseniaBD="";
$vBD="escuela";
$errorServ="No se puede conectar con el servidor";
$errorBD="No se puede seleccionar la base de datos";
//conexión al servidor local
$conexion = mysql_connect ($vServidor, $vUsuarioBD,
$vContraseniaBD) or die ($errorServ);
//seleccionar la base de datos
mysql_select_db ($vBD) or die (SerrorBD);
// retorno de la conexión
return ($conexion);
}
?>

HOJA DE ESTILO (estiloEspecialidad)

body{
margin-left: 10px;
margin-top: 20px;
margin-right: 10px;
margin-bottom: 5px;
}
input{
display:blok;
width: 150px;
float: left;
margin-bottom: 10px;
}
label{
display:blok;
text-align:right;
width: 120px;
float: left;
padding-right: 10px;
}
#recordar{
width:1em;
}
br{
clear:left;
}
#enviar{
width:50px;
margin-left:140px
.titulo {
font-family: Cambria, "HoeflerText": "Times New Roman", serif;
font-size: 20px;
line-height: 30px;
background-color: #FFFF66;
color: #FF0000;
text-align: center;
font-style: normal;
}