Bienvenido(a), Visitante. Por favor, ingresa o regístrate. Did you miss your activation email?

Autor Tema: •• prácticas html de tere  (Leído 1821 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado tere

  • Amigo
  • *
  • Mensajes: 77
  • Me Gusta: 0
  • Sexo: Femenino
•• prácticas html de tere
« en: 18 de Mayo de 2009, 19:38:09 pm »
Bueno pues aqui dejo mi priner codigo, aunque me gustaria me dijeran donde puedo alojarlo ya que he intentado en blogger pero la vista previa queda fatal

Código: [Seleccionar]
<htlm>
<head>
<title> Mi primer trabajo</title>
</head>
<body text=yellow bgcolor=with>
<font size=5 face=Comic Sans Ms color=red><p>!Biemvenidos a mi página!</p>
<p><font size=4<b> En ella </b><i> encontrareis </i><s> el texto tachado</s><u> ó subrayado</u></p>
<p><big>más grande</big><tt> este texto es monoespaciado </tt></p>
<p> <sub>y ahora voy con el super indice</sub> <bup> y superindice</sup>
</body>
</htlm>
« última modificación: 12 de Agosto de 2009, 01:12:30 am por Alma »


La unión hace la fuerza

Desconectado Alma

  • Webmistress
  • Maestro del diseño
  • *
  • Mensajes: 9394
  • Country: es
  • Me Gusta: 203
  • Sexo: Femenino
  • El arte nunca progresa, evoluciona!
    • Alma web
Re: prácticas html de tere
« Respuesta #1 en: 19 de Mayo de 2009, 21:54:13 pm »
Tere está perfecto. Las prácticas de html no tienes que alojarlas, y recuerda que lo que estás haciendo son páginas en html, por lo que, para previsualizar los ejercicios, tienes que renombrar tu archivo.txt a archivo.html

Desconectado tere

  • Amigo
  • *
  • Mensajes: 77
  • Me Gusta: 0
  • Sexo: Femenino
Re: prácticas html de tere
« Respuesta #2 en: 20 de Mayo de 2009, 12:56:14 pm »
Si Alma eso hago lo guardo con extensión html.Pues yo misma  me voy a archivo abrir y asi veo como quedaria en el explorador ie


La unión hace la fuerza

Desconectado tere

  • Amigo
  • *
  • Mensajes: 77
  • Me Gusta: 0
  • Sexo: Femenino
Re: prácticas html de tere
« Respuesta #3 en: 20 de Mayo de 2009, 22:43:58 pm »
2ª Práctica hiperhenlaces

Código: [Seleccionar]
<html>
<head><title>anayibe psp</title></head>
<body>
<font face="arial">
<br>Bienvenidos a mi pagina
<br>para ello haz<a href=#abajo>clic aquí<a/>
<br> y serás enviado al final de la página.
<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">Ahora estás aquí</a>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</font></body></html>


La unión hace la fuerza

Desconectado Alma

  • Webmistress
  • Maestro del diseño
  • *
  • Mensajes: 9394
  • Country: es
  • Me Gusta: 203
  • Sexo: Femenino
  • El arte nunca progresa, evoluciona!
    • Alma web
Re: prácticas html de tere
« Respuesta #4 en: 21 de Mayo de 2009, 00:02:46 am »
Perfecto Tere :Simpatico

Desconectado tere

  • Amigo
  • *
  • Mensajes: 77
  • Me Gusta: 0
  • Sexo: Femenino
Re: prácticas html de tere
« Respuesta #5 en: 24 de Mayo de 2009, 00:10:57 am »
tuto 4 insertando imagenes

Código: [Seleccionar]
<html>
<head>
<title> Mi web </title>
</head>
<body bgcolor="#DF0174" text="#0101DF">
 aqui enlazo mi imagen
<br>
<br>
<br>
<img src="http://i216.photobucket.com/albums/cc260/yinyer_2007/cid_03817A7A447243AE9B6B947BE84FB9C.gif"
</body>
</html>


La unión hace la fuerza

Desconectado tere

  • Amigo
  • *
  • Mensajes: 77
  • Me Gusta: 0
  • Sexo: Femenino
Re: prácticas html de tere
« Respuesta #6 en: 24 de Mayo de 2009, 00:37:51 am »
tuto 5 enlazando imagenes

Código: [Seleccionar]
<HTML>
<HEAD>
<TITLE>Enlazando imagenes</TITLE>
</HEAD>
<BODY TEXT=red BGCOLOR=#000000>
<BR>
<BR>
ENLAZAR IMAGENES.
<BR>
<BR>
<A HREF="http://tere-misprimerospasos.blogspot.com/"><IMG

SRC="http://i216.photobucket.com/albums/cc260/yinyer_2007/yoytu.gif

" ALT="Click para ir a mi pagina web" WIDTH="406" HEIGHT="508" border="10"
<BR>
<BR>
Haz click en la imagen para ir a mi pagina web.
<BR>
<BR>
</body>
</html>
 
 
 
 


La unión hace la fuerza

Desconectado Alma

  • Webmistress
  • Maestro del diseño
  • *
  • Mensajes: 9394
  • Country: es
  • Me Gusta: 203
  • Sexo: Femenino
  • El arte nunca progresa, evoluciona!
    • Alma web
Re: prácticas html de tere
« Respuesta #7 en: 24 de Mayo de 2009, 02:18:53 am »
Perfectos Tere :flor y enhorabuena por el blog, espero verlo lleno de cositas pronto!

Desconectado tere

  • Amigo
  • *
  • Mensajes: 77
  • Me Gusta: 0
  • Sexo: Femenino
Re: prácticas html de tere
« Respuesta #8 en: 26 de Mayo de 2009, 12:51:33 pm »
tuto 6 alineación de texto e imagenes.

Alma no sé que pasa con el codigo pero a la vista previa en el navegador no sale como yo lo pongo, por favor revisameló y dime donde está el error si.... por que me estoy volviendo loca, yo lo visualizo todo a la izquierda
 :felizdia

Código: [Seleccionar]
<html>
<div aling="center"><img src="http://i216.photobucket.com/albums/cc260/yinyer_2007/mi%20barner/BARNERBLOG.jpg"></div>
<head>
<title>Mis primeros pasos</title>
</head>
<body>
<p aling="center">Este texto está centrado</p>
<br>
<br>
<p aling="left">Este a la izquierda</p>
<br>
<br>
<p aling="right">Y este lo tenemos a la derecha</p>
<br>
<br>
<p aling="center">Y como me gustan los saltos de linea y los parrafos centrados pues asi los pongo je je</p>
</body>
</html>


La unión hace la fuerza

Desconectado Alma

  • Webmistress
  • Maestro del diseño
  • *
  • Mensajes: 9394
  • Country: es
  • Me Gusta: 203
  • Sexo: Femenino
  • El arte nunca progresa, evoluciona!
    • Alma web
Re: prácticas html de tere
« Respuesta #9 en: 27 de Mayo de 2009, 12:31:59 pm »
Tere, fijate bien al escribir me pusiste aling y es align!!!! Otra cosa, la imagen me la pusiste dentro del head, y debe ir en el body :Simpatico
Un beso.

Desconectado tere

  • Amigo
  • *
  • Mensajes: 77
  • Me Gusta: 0
  • Sexo: Femenino
Re: prácticas html de tere
« Respuesta #10 en: 27 de Mayo de 2009, 13:22:08 pm »
Gracias Alma por tu corrección lo tendré en cuenta, aqui va de nuevo

Código: [Seleccionar]
<html>

<head>
<title>Mis primeros pasos</title>
</head>
<body text="red"bgcolor="#000000">
<div align="center"><img src="http://i216.photobucket.com/albums/cc260/yinyer_2007/mi%20barner/BARNERBLOG.jpg"></div>
<p align="center">Esto está centrado</p>
<br>
<br>
<p align="left">Aquí a la izquierda</p>
<br>
<br>
<p align="right">Y este lo tenemos a la derecha</p>
<br>
<br>
<p align="center">Y como me gustan los saltos de linea y los parrafos centrados pues aquí están je je</p>
</body>
</html>


La unión hace la fuerza

Desconectado Alma

  • Webmistress
  • Maestro del diseño
  • *
  • Mensajes: 9394
  • Country: es
  • Me Gusta: 203
  • Sexo: Femenino
  • El arte nunca progresa, evoluciona!
    • Alma web
Re: prácticas html de tere
« Respuesta #11 en: 27 de Mayo de 2009, 13:46:00 pm »
Tere, perfecto!!! Se te da muy bien el html :flor

Desconectado tere

  • Amigo
  • *
  • Mensajes: 77
  • Me Gusta: 0
  • Sexo: Femenino
Re: prácticas html de tere
« Respuesta #12 en: 27 de Mayo de 2009, 19:17:31 pm »
Ejercicio final.
Espero este todo correcto

Código: [Seleccionar]
<HTML>
<HEAD><TITLE>CLASE FINAL DE HTML</TITLE>
</HEAD>
<BODY BGCOLOR="aqua" LINK="RED" VLINK="BLACK" ALINK="#FFFFFF">
<br>
<br>
<br>
<br>
<A NAME="Inicio"></A><FONT SIZE="5" COLOR="#FFFFFF" FACE="tahoma"><P ALIGN="center"><B> Mi trabajo final de HTML</B></P></FONT>
<br>
<FONT SIZE="4" COLOR="BLUE" FACE="arial black"><P ALIGN="center"><B>
<A HREF=#Ejercicios>Ejercicios</A>  *  <A HREF=#Dibujo>Dibujo</A>  *  <A HREF=#Créditos>Créditos</A></B></P>
<br>
<br><DIV ALIGN="center"><A HREF="http://tere-misprimerospasos.blogspot.com//"><IMG SRC="http://i216.photobucket.com/albums/cc260/yinyer_2007/mi%20barner/BARNERBLOG.jpg" WIDTH="663" HEIGTH="169"></A>
<br><SMALL>Haz clic en la imagen si quieres ver mi blog</SMALL></DIV>
<br>
<br>
<br>
<br>
<HR SIZE="20" WIDTH="800">
<br>
<br>
<br>
<P ALIGN="center"><B><U><A NAME="Ejercicios">Ejercicios</A></U></B></P>
<br>
<TABLE BORDER="5" ALIGN="center">
<TR><TH>Título Ejercicio<TH>Enlace
<TR><TD>Mi primera pagina<TH><A HREF="file:///C:\Documents and Settings\teresa\Mis documentos\pruebas tutos html\\Mi primera pagina.html\"><IMG SRC="http://i216.photobucket.com/albums/cc260/yinyer_2007/estrella.gif"</A>
<TR><TD>contacto<TH><A HREF="file:///C:\Documents and Settings\teresa\Mis documentos\pruebas tutos html\insertando imagenes.html"><IMG SRC="http://i216.photobucket.com/albums/cc260/yinyer_2007/estrella.gif"</A>
<TR><TD>Enlazar imágenes<TH><A HREF="file:///C:\Documents and Settings\teresa\Mis documentos\pruebas tutos html\imagenes.html"><IMG SRC="http://i216.photobucket.com/albums/cc260/yinyer_2007/estrella.gif"</A>
<TR><TD>Alinear texto e imagen<TH><A HREF="file:///C:\Documents and Settings\teresa\Mis documentos\pruebas tutos html\alinear texto.html"><IMG SRC="http://i216.photobucket.com/albums/cc260/yinyer_2007/estrella.gif"</A>
<TR><TD>Tabla<TH><A HREF="file:///C:\Documents and Settings\teresa\Mis documentos\pruebas tutos html\tablas.html"><IMG SRC="http://i216.photobucket.com/albums/cc260/yinyer_2007/estrella.gif"</A>
</TABLE>
<br><P ALIGN="center"><SMALL><A HREF=#Inicio>Regresar a inicio</A></SMALL></P>
<br>
<br>
<br>
<br>
<HR SIZE="20" WIDTH="800">
<br>
<br>
<br>
<P ALIGN="center"><B><U><A NAME="Dibujo">Dibujo</A></U></B></P>
<br>
<DIV ALIGN="center"><img src="http://i216.photobucket.com/albums/cc260/yinyer_2007/Hi_Look.gif">
<DIV ALIGN="center"><IMG SRC="http://i216.photobucket.com/albums/cc260/yinyer_2007/cid_03817A7A447243AE9B6B947BE84FB9C.gif"></DIV><P ALIGN="center"><SMALL><A HREF=#Inicio>Regresar a inicio</A></SMALL></P>
<br>
<br>
<HR SIZE="20" WIDTH="800">
<br><P ALIGN="center"><SMALL><A NAME="Créditos">Créditos: TERE G. 2009 // Tutorial <A href="http://almaweb.es">almaweb.es</A></A></SMALL></P>
<br><P ALIGN="center"><SMALL><A HREF=#Inicio>Regresar a inicio</A></SMALL></P>
</FONT>
</BODY>
</HTML>


La unión hace la fuerza

Desconectado Alma

  • Webmistress
  • Maestro del diseño
  • *
  • Mensajes: 9394
  • Country: es
  • Me Gusta: 203
  • Sexo: Femenino
  • El arte nunca progresa, evoluciona!
    • Alma web
Re: prácticas html de tere
« Respuesta #13 en: 28 de Mayo de 2009, 13:12:41 pm »
Wowwwwwwww estupendo Tere!!!! Enhorabuena, la verdad es que parece que no te cuesta nada entenderlo y lo trabajas muy bien :Simpatico
¿Te animas con el Dream? Estoy segurisima que te va a encantar :Simpatico
Un beso.

Desconectado tere

  • Amigo
  • *
  • Mensajes: 77
  • Me Gusta: 0
  • Sexo: Femenino
Re: prácticas html de tere
« Respuesta #14 en: 28 de Mayo de 2009, 17:47:58 pm »
 :cumplebunny: pos claro que si ahora mismo voy a solicitar paso :pspadicta


La unión hace la fuerza