Ejercicios HTML 1. Mi Primera Pagina Web <HEAD
Anuncio
Ejercicios HTML 1. Mi Primera Pagina Web <HTML> <HEAD> <TITLE>Ejemplo 1</TITLE> </HEAD> <BODY bgcolor=yellow> <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> <BODY bgcolor=00bfff > <H1> <center> Ejemplo de estilos de caracteres <center> </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> <BODY bgcolor=ffc0cb> <H1> <center> Ejemplo de Listas en una pagina web <center> </H1> Una lista ordenada <ol> <li>Uno</li> <li>Dos</li> <li>Tres</li> </ol> <br><br> Una lista sin ordenar <ul> <li>Uno</li> <li>Dos</li> <li>Tres</li> </ul> <br><br> Una lista de glosario <dl> <dt>T&eacute;mino 1</dt> <dd>Definici&oacute;n 1</dd> <dt>T&eacute;mino 2</dt> <dd>Definici&oacute;n 2</dd> </dl> <br><br> Listas anidadas <ul> <li>Uno <ul> <li>Uno</li> <li>Dos</li> <li>Tres</li> </ul> </li> <li>Dos</li> <li>Tres</li> </ul> </BODY> </HTML 4. ejemplo de pagina web con tablas <HTML> <HEAD> <TITLE>Ejemplo de Tablas</TITLE> </HEAD> <BODY Bgcolor=808080> <H1> <center> EJEMPLO DE Tablas b&aacute;sicas <center> </H1> <TABLE BORDER="1"> <TR> <TH>NOMBRE</TH> <TH>CURSO</TH> <TH>TELEFONO</TH> </TR> <TR> <TD>MARTIN PONCE</TD> <TD>SEPTIMO</TD> <TD>3017540549</TD> </TR> <TR> <TD>CARLOS SOTO</TD> <TD>SEXTO</TD> <TD>3112761534</TD> </TR> <TR> <TD>ANA PEREZ</TD> <TD>NOVENO</TD> <TD>3156543747</TD> </TR> </TABLE> </BODY> </HTML 5. ejemplo de pagina web con imágenes <HTML> <HEAD> <TITLE>Ejemplo 1</TITLE> </HEAD> <BODY bgcolor=yellow> <h1> <center> Hola mundo esta es mi primera pagina web </center> </h1> <h2>Practicando con imagenes en mi pagina</h2> <br> <img src="Aqui escribes el nombre de la carpeta con la imagen/Aquí el nombre del archivo y su extensión width="200"> <img src=" Aqui escribes el nombre de la carpeta con la imagen/Aquí el nombre del archivo y su extensión " width="200"> </BODY> </HTML> 6. Ejemplo de pagina web con enlaces <HTML> <HEAD> <base target="_blank" /> <TITLE>Ejemplo de enlaces</TITLE> </HEAD> <BODY bgcolor=khaki> <A NAME="arriba"><H1>Página de enlaces</H1></A> <A HREF="#abajo">Ir abajo</A><br> <A HREF="pagina_distintos_tipos_de_enlaces.html"> Ir a ejemplo de Pagina con distintos enlaces </A> <br><br> <A HREF="http://www.google.com.ar/">Ir a Google</A><br> <br>.<br>.<br>.<br>.<br>.<br>.<br>.<br><br> <br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br>.<br>.<br>.<br>.<br>.<br> <A NAME="abajo">&nbsp;<br></A> <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>
