Vous êtes sur la page 1sur 10

Prof.

PMP Giancarlo Arroyo


e-mail: gianpascal@gmail.com

ip\\172.17.0.103

local

Mysq
l

Apache +
php

Localhost/ejemplos/
Localhost:8080/
172.17.0.103/
172.17.1.107/
New/php file

Codigo php
<?php

/*
* To change this license header, choose License Headers in Project
Properties.
* To change this template file, choose Tools | Templates
* and open the template in the editor.
*/
echo "Hola mundo desde sistemas uni";

echo "Soy Nixon, el estudiante";

Entorno php

Asunto: Ejercicio1 Trabajando con nmeros

New/php web page

Codigo html

<!DOCTYPE html>
<!-To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<meta charset="UTF-8">
<title>Mi primera pgina</title>
</head>
<body>
<h1>Etiqueta de Ttulo h1</h1>
<h2>Etiqueta de Ttulo h1</h2>
<h3>Etiqueta de Ttulo h1</h3>
<h4>Etiqueta de Ttulo h1</h4>
<h5>Etiqueta de Ttulo h1</h5>
<h6>Etiqueta de Ttulo h1</h6>

<table border="2">
<tr>
<td style="background-color:#789512; height:50px; width:200px">
Columna 1 fila 1
</td>

<td style="background-color:#789512; height:50px; width:200px">


Columna 2 fila 1
</td>
<td style="background-color:#789512; height:50px; width:200px">
Columna 3 fila 1
</td>
<td style="background-color:#789512; height:50px; width:200px">
Columna 4 fila 1
</td>
</tr>
<tr>
<td style="background-color:yellow; height:50px; width:200px">
Columna 1 fila 2
</td>
<td style="background-color:blueviolet; height:50px; width:200px">
Columna 2 fila 2
</td>
<td style="background-color:royalblue; height:50px; width:200px">
Columna 3 fila 2
</td>
<td style="background-color:black; height:50px; width:200px">
Columna 4 fila 2
</td>
</tr>
</table>
<br><br>

<div style="height: 100px; width: 200px; background-color: red">Mi


primer div</div>
<div style="height: 100px; width: 200px; background-color: green">Mi
segundo div</div>
<div style="height: 100px; width: 200px; background-color: blue">Mi
tercer div</div>
<br><br>
<div style="height: 100px; width: 200px; background-color: red; float:
left">Mi cuarto div</div>
<div style="height: 100px; width: 200px; background-color: green; float:
left"">Mi quinto div</div>
<div style="height: 100px; width: 200px; background-color: blue; float:
left"">Mi sexto div</div>
<br><br>
<div style="height: 100px; width: 200px; background-color: red; float:
right">Mi setimo div</div>
<div style="height: 100px; width: 200px; background-color: green; float:
right"">Mi octavo div</div>
<div style="height: 100px; width: 200px; background-color: blue; float:
right"">Mi decimo div</div>
<h1>Nixon</h1>
<br>
<form>
<input type="text" />
<input type="text" value="Sistemas Uni" />
<input type="button" />
<input type="password" value="Sistemas Uni" />

<select>
<option>Seleccionar</option>

<option>PHP I</option>
<option>PHP II</option>
<option>PHP III</option>
</select>

</form>
<br><br>
<table border="4" width="1" cellspacing="2">
<thead>
<tr>
<th>columna 1</th>
<th>columna 2</th>
<th>columna 2</th>
<th>columna 2</th>
<th>columna 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>columna 2</td>
<td>columna 2</td>
<td>columna 2</td>
<td>columna 2</td>
<td>columna 2</td>
</tr>
<tr>

<td>columna 2</td>
<td>columna 2</td>
<td>columna 2</td>
<td>columna 2</td>
<td>columna 2</td>
</tr>
<tr>
<td>columna 2</td>
<td>columna 2</td>
<td>columna 2</td>
<td>columna 2</td>
<td>columna 2</td>
</tr>
<tr>
<td>columna 2</td>
<td>columna 2</td>
<td>columna 2</td>
<td>columna 2</td>
<td>columna 2</td>
</tr>
<tr>
<td>columna 2</td>
<td>columna 2</td>
<td>columna 2</td>
<td>columna 2</td>
<td>columna 2</td>

</tr>
</tbody>
</table>

</body>
</html>

Entorno html

Vous aimerez peut-être aussi