Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Practica 1: HTML
1 Introduccion
1.1 Que es HTML?
Es un lenguaje de marcado estandar para crer paginas web:
1
La etiqueta < body > define los elementos visibles de la pagina
La etiqueta < h1 > define una cabecera
La etiqueta < p > define un parrafo.
Se debe observar en general que cada elemento del HTML5 basicamente
sigue la forma: < etiqueta > contenido... < /etiqueta >
La Figura 1 muestra la estructura general de un documento (pagina) HTML.
<html>
<head>
<title> </title>
</head>
<body>
<h1> </h1>
<p> </p>
<p> </p>
</body>
</html>
2 Ejemplos
2.1 Ejemplo 1: Cabeceras
1 <! DOCTYPE html>
2 < html>
3 <body>
4
5 <h1>Cabecera 1 < / h1>
6 <h2>Cabecera 2 < / h2>
7 <h3>Cabecera 3 < / h3>
8 <h4>Cabecera 4 < / h4>
9 <h5>Cabecera 5 < / h5>
10 <h6>Cabecera 6 < / h6>
11
2
12 </body>
13 </ html>
3
7 .. .. .. .. .. ..
8 < / p>
9
10 <p>
11 Mi parrafo.... .. .. .. ..
12 .. .. .. .. .. ..
13 < / p>
14
15 <p>
16 y otro mas.... .. .. .. .. ..
17 .. .. ..
18 < / p>
19
20 </body>
21 </ html>
4
6 Fondo rojo
7 < / h2>
8
9 <h2 style= " ba c kg r ou nd - co l or :o r an g e " >
10 Fondo naranja
11 < / h2>
12
13 <h2 style= " ba c kg r ou nd - co l or :y e ll o w " >
14 Fondo amarillo
15 < / h2>
16
17 <h2 style= " b a c k g r o u n d - c o l o r : b l u e ; c o l o r : w h i t e " >
18 Fondo azul y letras blancas
19 < / h2>
20
21 <h2 style= " b ackg round -col or:c yan " >
22 Fondo cian
23 < / h2>
24
25 </body>
26 </ html>
5
27 < / tr>
28 <tr>
29 <td>4.1< / td>
30 <td>4.2< / td>
31 <td>4.3< / td>
32 < / tr>
33 < / table>
34
35 </body>
36 </ html>
6
aplicarle diferentes estilos e incluso para
realizar operaciones sobre ese bloque especifico.
9 < / p>
10 <p>El uso de la etiqueta div es sencillo como se
muestra en este ejemplo.
11 < / p>
12 < / div>
13
14 </body>
15 </ html>
3 Ejercicio
Seleccionar un tema a investigar relacionado con computacion y elaborar un
documento donde integre cada uno de los elementos visto.
4 Siguiente practica
En la siguiente practica exploraremos los elementos en la version actual de
HTML, HTML5. Los elementos mas interesantes de esta nueva version son: