TECNOCAPARROSO: Ejercicios HTML

1. Mi Primera Pagina Web

<HTML>

<HEAD>

<TITLE>Ejemplo 1</TITLE>

</HEAD>

<h1>

<center> Hola mundo esta es mi primera pagina web

</center>

</h1>

</BODY>

</HTML>

2. Ejemplo de pagina web con estilos de caracter

<HTML>

<HEAD>

<TITLE>Estilos de caracteres</TITLE>

</HEAD>

<H1>

Ejemplo de estilos de caracteres

</H1>

<h2>

A continuacion se hace un ejemplo con estilos de caracteres en Negrita, cursiva, subrayado y tachado entre otros.

<br>

Un ejemplo de texto <B> en Negrita</B>.<br>

Un ejemplo de texto de <I>Cursivo</I>.<br>

Un ejemplo de texto de <U>Subrayado</U>.<br>

Un ejemplo de texto de <s>Tachado</TT>.<br>

</BODY>

</HTML>

3. Ejemplo de pagina web con listas

<HTML>

<HEAD>

<TITLE>Ejemplo de Listas</TITLE>

</HEAD>

<H1>

Ejemplo de Listas en una pagina web

</H1>

Una lista ordenada

<ol>

</ol>

Una lista sin ordenar

<ul>

</ul>

Una lista de glosario

<dl>

<dt>Témino 1</dt>

<dd>Definición 1</dd>

<dt>Témino 2</dt>

<dd>Definición 2</dd>

</dl>

Listas anidadas

<ul>

<li>Uno

<ul>

</ul>

</li>

</ul>

</BODY>

</HTML

4. ejemplo de pagina web con tablas

<HTML>

<HEAD>

<TITLE>Ejemplo de Tablas</TITLE>

</HEAD>

<H1>

EJEMPLO DE Tablas básicas

</H1>

<TR>

<TH>NOMBRE</TH>

<TH>CURSO</TH>

<TH>TELEFONO</TH>

</TR>

<TR>

<TD>MARTIN PONCE</TD>

<TD>SEPTIMO</TD>

</TR>

<TR>

<TD>CARLOS SOTO</TD>

<TD>SEXTO</TD>

</TR>

<TR>

<TD>ANA PEREZ</TD>

<TD>NOVENO</TD>

</TR>

</TABLE>

</BODY>

</HTML

5. ejemplo de pagina web con imágenes

<HTML>

<HEAD>

<TITLE>Ejemplo 1</TITLE>

</HEAD>

<h1>

<center> Hola mundo esta es mi primera pagina web

</center>

</h1>

<h2>Practicando con imagenes en mi pagina</h2>

<br>

</BODY>

</HTML>

6. Ejemplo de pagina web con enlaces

<HTML>

<HEAD>

<TITLE>Ejemplo de enlaces</TITLE>

</HEAD>

<A NAME="arriba"><H1>Página de enlaces</H1></A>

<A HREF="#abajo">Ir abajo</A><br>

Ir a ejemplo de Pagina con distintos enlaces </A>

<A HREF="http://www.luisrcaparroso.edu.co/">Ir a Luis r Caparroso</A><br>

<A HREF="#arriba">Ir arriba</A>

</BODY>

</HTML>

Ejemplo de Pagina con Menú

<HTML>
<HEAD>
<base target="_blank" />
<TITLE>Ejemplo de Menu</TITLE>
</HEAD>
<BODY>

<CENTER>
<TABLE border="1">
<TR>
<TH COLSPAN="7" ALIGN="CENTER">BIENVENIDOS A ESTA

PAGINA WEB</TH>
</TR>

<TR>
<Th><A HREF="pagina_de_inicio.html">
Inicio</A>
</Th>
<TH><A HREF="pagina_con_estilos_de_caracter.html">
Tipos de Caracteres</A>
</TH>

<TH>
<A HREF="pagina_con_listas.html">
Tipos de Listas</A>
</TH>

<TH><A

HREF="pagina_distintos_tipos_de_enlaces.html">
Tipos de Enlaces</A>
</TH>
<TH>
<A HREF="pagina_con_saltos_de_linea.html">
Saltos de Linea</A>
</TH>
<TH>
<A HREF="pagina_con_tablas.html">
Tablas</A>
</TH>
<TH>
<A HREF="pagina_con_imagenes.html">
Imagenes</A>
</TH>
</TR>

</TABLE>
</CENTER>

</BODY>
</HTML>

Menu

26/8/12

Ejercicios HTML

1 comentario: