Guía de Laboratorio - Tablas HTML

Descargar como pdf o txt
Descargar como pdf o txt
Está en la página 1de 6

IEST JOSÉ PARDO Diseño de Páginas Web

Carrera Profesional: Computación e Informática

TABLAS EN HTML

 Ejercicio Nº 1 :
Elabore lo siguiente en el editor. Luego grábelo con el nombre de TABLA1.HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> </title>
</head>
<body>
<h1> PROGRAMACION DE CURSOS LIBRES </h1>
<TABLE BORDER=3 CELLSPACING=2 CELLPADING=4 WIDTH=75% >
<TR>
<TH>CURSOS</TH> <TH>FRECUENCIA</TH> <TH>HORARIO</TH>
</TR>
<TR>
<TD>VISUAL BASIC</TD> <TD>L - M - V</TD> <TD>7:00 - 8:40 pm</TD>
</TR>
<TR>
<TD>VISUAL C#</TD> <TD>M - J</TD> <TD>5:00 - 7:30pm</TD>
</TR>
<TR>
<TD>JAVA</TD> <TD>SABADOS</TD> <TD>8:00 - 12:30pm</TD>
</TR>

</TABLE>

</body>
</html>

El resultado deberá ser el siguiente:

Prof. Johnny Díaz Pág. 1


IEST JOSÉ PARDO Diseño de Páginas Web
Carrera Profesional: Computación e Informática

 Ejercicio Nº 2 :
Elabore lo siguiente en el Editor. Luego grábelo con el nombre de TABLA2.HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> </title>
</head>
<BODY>
<h2>CARRERAS PROFESIONALES Y TECNICAS</h2>
<TABLE border=1 >
<TR>
<TH>NIVEL UNIVERSITARIO</TH>
<TH>NIVEL TECNICO</TH>
</TR>
<TR ALIGN="CENTER">
<TD>ING. DE SISTEMAS</TD>
<TD>COMPUTACION E INFORMATICA</TD>
</TR>
<TR ALIGN="CENTER">
<TD>CONTABILIDAD</TD>
<TD>CONTABILIDAD COMPUTARIZADA</TD>
</TR>
<TR ALIGN="CENTER">
<TD>ADMINISTRACION</TD>
<TD>ADMINISTRACION</TD>
</TR>
</TABLE>

<BR><P>
<BR><P>

<H2><P ALIGN="CENTER">RELACION DE CURSOS</P></H2>


<TABLE BORDER=2 ALIGN="CENTER" CELLSPACING=3>
<TR>
<TD ROWSPAN=2 ALIGN="CENTER" WIDTH=45%>OFFICE </TD>
<TD>WORD</TD><TD>EXCEL</TD><TD>POWER POINT</TD>
</TR>
<TR>
<TD>ACCESS</TD><TD>EXCEL AVANZADO</TD><TD>OUTLOOK</TD>
</TR>

<TR>
<TD ROWSPAN=3 ALIGN="CENTER" WIDTH=45%>DISEÑO GRAFICO</TD>
<TD>COREL DRAW I</TD><TD>COREL DRAW - II</TD><TD>PHOTO SHOP - I</TD>
</TR>
<TR>
<TD>ADOBE PREMIER</TD><TD>PHOTO PAINT</TD><TD>3D STUDIO</TD>
</TR>
<TR>
<TD>PHOTO SHOP - II</TD><TD>COREL DRAW - III</TD><TD>PHOTO SHOP - III</TD>
</TR>

</TABLE>
</BODY>

</html>

Prof. Johnny Díaz Pág. 2


IEST JOSÉ PARDO Diseño de Páginas Web
Carrera Profesional: Computación e Informática

El resultado deberá ser el siguiente:

 Ejercicio Nº 3 :
Elabore lo siguiente en el editor. Luego grábelo con el nombre de TABLA3.HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> </title>
</head>
<BODY>
<TABLE style="margin:0 auto;" border=1;>
<TR> <TH COLSPAN=3 > RESUMEN GENERAL</TH> <TH ROWSPAN=2>
DEPENDENCIA</TH></TR>
<TR>
<TH>NOMBRADOS</TH> <TH>CONTRATADOS</TH> <TH>EVENTUALES</TH>
</TR>

<TR ALIGN="CENTER">
<TD>10</TD> <TD>40</TD> <TD>90</TD><TD>INFORMATICA</TD>
</TR>
<TR ALIGN="CENTER">
<TD>23</TD> <TD>35</TD> <TD>75</TD><TD>CONTABILIDAD</TD>
</TR>
<TR ALIGN="CENTER">
<TD>2</TD> <TD>5</TD> <TD>15</TD><TD>PERSONAL</TD>
</TR>
</TABLE>

</BODY>

</html>

El resultado deberá ser el siguiente:

Prof. Johnny Díaz Pág. 3


IEST JOSÉ PARDO Diseño de Páginas Web
Carrera Profesional: Computación e Informática

 Ejercicio Nº 4 :
Elabore lo siguiente en el Editor. Luego grábelo con el nombre de TABLA4.HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> </title>
</head>
<body>
<TABLE style="margin:0 auto;" border=1;>
<TR style="text-align:center;"> <TH COLSPAN=3 > PAGINAS MAS VISITADAS </TH> </TR>
<TR>
<TH>DIARIOS</TH> <TH>UNIVERSIDADES</TH> <TH>VARIOS</TH>
</TR>

<TR style="text-align:right;" >


<TD><A HREF="http://www.ojo.com.pe">OJO</TD>
<TD><A HREF="http://www.uni.edu.pe">UNI</TD>
<TD><A HREF="http://www.oms.com">OMS</TD>
</TR>

<TR>
<TD><A HREF="http://www.expreso.com.pe">EXPRESO</TD>
<TD><A HREF="http://www.pucp.edu.pe">PONTIFICIA UNIV. CATOLICA</TD>
<TD><A HREF="http://www.sunat.gob.pe">SUNAT</TD>
</TR>

<TR>
<TD><A HREF="http://www.elperuano.com.pe">EL PERUANO</TD>
<TD><A HREF="http://www.unmsm.edu.pe">UNIV SAN MARCOS</TD>
<TD><A HREF="http://www.jpardo.edu.pe">JOSE PARDO</TD>
</TR>
</TABLE>
</body>
</html>

Prof. Johnny Díaz Pág. 4


IEST JOSÉ PARDO Diseño de Páginas Web
Carrera Profesional: Computación e Informática

El resultado deberá ser el siguiente:

Ejercicio Propuesto1:
Elabore la siguiente pagina Web en HTML. Utilice Tablas.

Prof. Johnny Díaz Pág. 5


IEST JOSÉ PARDO Diseño de Páginas Web
Carrera Profesional: Computación e Informática

Ejercicio Propuesto2:

Prof. Johnny Díaz Pág. 6

También podría gustarte