HTML
PROYECTO MI SITIO WEB VISTA PREVIA
<html>
<head>
<title> GARFIELD </title>
</head>
<body bgcolor="ORANGE"
text="white"
link="BROWN"
vlink="BLACK"
alink="yellow">
<center> <img src="banner.png">
<table bgcolor="blue" border="white">
<tr>
<td><a href="index.html"> HOME </td></a>
<td> <a href="escritor.html"> ESCRITOR </td>
<td> <a href="personajes.html">PERSONAJES </td>
<td> <a href="peliculas.html">PELICULAS </td>
<td> <a href="galeria.html">GALERIA </td>
<td> <a href="videos.html">VIDEOS </td>
</tr>
</table>
</center>
</body>
</html>
PRÁCTICA 1: ETIQUETAS BÁSICAS
<I> ITALICA (CURSIVA)</I> <BR>
<B> NEGRITAS (BOLD)</B><BR>
<S> TACHADO</S> <BR>
<U> SUBRAYADO</U> <BR>
<H1> ENCABEZADO 1</H1>
<H2> ENCABEZADO 2</H2>
<H3> ENCABEZADO 3</H3>
<H4> ENCABEZADO 4</H4>
<H5> ENCABEZADO 5</H5>
<H6> ENCABEZADO 6</H6> <BR>
PRÁCTICA 2: ETIQUETAS DE FUENTE<BR>
<font color="RED"> COLOR DE LETRA</font><BR><font face="Blackoak Std"> TIPO DE LETRA</font><BR>
<font size="16"> TAMAÑO DE LETRA </font><BR>
<font color="GOLD" size="22"face="Chaparral Pro Light">TU NOMBRE </font><BR>
PRÁCTICA 3: MARQUESINAS<BR>
<MARQUEE> MARQUESINA SENCILLA </MARQUEE><MARQUEE BGCOLOR="PINK"> COLOR DE MARQUESINA</MARQUEE>
<MARQUEE BEHAVIOR="ALTERNATE"> MARQUESINA NO DESAPARECE </MARQUEE>
<MARQUEE DIRECTION="RIGHT"> MARQUESINA A LA DERECHA </MARQUEE>
<MARQUEE SCROLLAMOUNT="200"> MARQUESINA RÁPIDA </MARQUEE>
<MARQUEE SCROLLDELLAY="50%"> MARQUESINA LENTA </MARQUEE>
<MARQUEE BGCOLOR="PURPLE" SCROLLDELLAY="50%"DIRECTION="UP"BEHAVIOR="ALTERNATE">COLEGIO DEL IRAPUATENSE</MARQUEE><BR>
PRÁCTICA 4: IMAGENES <BR>
<CENTER><IMG SRC="1.JPG"><BR></CENTER><IMG SRC="7.JPG" BORDER="10"><BR>
<IMG SRC="8.JPG" WIDTH="100" HEIGHT="100"><BR>
<IMG SRC="7.JPG" ALT="HELLO KITTY"><BR>
<MARQUEE BGCOLOR="PINK">
<IMG SRC="2.JPG"WIDTH="100" HEIGHT="100">
<IMG SRC="3.JPG" WIDTH="100" HEIGHT="100">
<IMG SRC="4.JPG"WIDTH="100" HEIGHT="100">
<IMG SRC="5.JPG" WIDTH="100" HEIGHT="100">
<IMG SRC="6.JPG" WIDTH="100" HEIGHT="100">
</MARQUEE>
PRÁCTICA 5: VÍNCULOS <BR>
<A HREF="https://www.cartoonnetworkla.com.mx"> cartoonnetworkla</a><br><A HREF="https://www.disneylatino.com.mx">disneylatino</a><br>
<A HREF="https://www.lossimpsonsonline.edu.ar"> lossimpsonsonline</a><br>
<A HREF="https://www.google.com.mx">
<IMG SRC="google.JPG"WIDTH="200" HEIGHT="200"> </a><br>
<A HREF="https://www.yahoo.com.mx">
<IMG SRC="yahoo.png "WIDTH="200" HEIGHT="200"> </a><br>
<A HREF="https://www. http://colegiodelbosqueirapuato.edu.mx">
<IMG SRC="IRAPUATENSE.JPG"WIDTH="200" HEIGHT="200"> </a><br>
</BODY>
</html>
PRÁCTICA 6: TABLAS
<table bgcolor="green" border="4">
<tr>
<td align="center">HARRY</td>
<td align="right">POTTER</td>
<td align="left">PELICULAS</td>
<td align="up">LIBROS</td> </tr>
<tr>
<td><img src="3.PNG" width=100" height="100"border="4"></td>
<td><img src="2.jpg" width="100" height="100" border="8"> </td>
<td><img src="4.png" width="100" height="100"border="12"></td>
<td> <img src="5.png" width="100" height="100"border="16"> </td> </tr>
<tr>
<th align="center"><a href="https://www.google.com"> GOOGLE </a> </th>
<th align="center"><a href="https://www.youtube.com"> YOUTUBE </a> </th>
<th align="center"><a href="https://facebook.com"> FACEBOOK </a> </th>
<th align="center"><a href="https://habilidadesdigitalesirapuatense.blogspot.com"> LEPI </a> </th> </tr>
</table></center>
PRÁCTICA 7: VIÑETAS, LISTAS Y LINEAS
Mis aficiones:
<ul>
<li> El cine.
<li> La montaña.
<li> La música.
</ul>
Mis preferencias:
<ol>
<li> Viajar.
<li> Salir con mis amigos.
<li> Dormir.
</ol>
<hr width=100% size=10 color="#FF0000">
<hr width=400 size=20 color="pink">
<hr width=50% size=5 color="purple">
<hr width=50% color="white" align="right">
<hr width=50% align="left" size=10>
PRÁCTICA 8: FORMULARIOS
<FORM ACTION="mailto:maragya@hotmail.com" METHOD="post">
<TABLE>
<TD ALIGN=RIGHT>Nombre:</TD>
<TD><INPUT type="text" size=36 name="nombre"></TD>
<TR><TD ALIGN=RIGHT>Dirección E-mail:</TD>
<TD><INPUT type="text" size=36 name="dirección"></TD>
<TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD>
<TD><INPUT type="text" size=36 name="procedencia"></TD>
<TR><TD ALIGN=RIGHT>Tus comentatios:</TD>
<TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD>
</TABLE>
<INPUT type="reset" value="Borrar todo"> <INPUT type="submit" value="Enviar">
</FORM>
<embed src="Lilo Stitch.mp3"></enbed>
PRÁCTICA 10: SONIDO Y VIDEO
Hacemos clic derecho en el video que se está reproduciendo previamente en YouTube y elegimos copiar código de inserción
Y lo pegamos en nuestro web.
0 comentarios:
Publicar un comentario