tag:blogger.com,1999:blog-105406132024-03-13T08:01:00.502-07:00HTML Básico para aficionados daleclick <img src="http://www.blogblog.com/rounders2/icon_arrow.gif"> <a href="http://daleclick.blogspot.com/2011/06/nuevo-daleclick-20-speed-dial-html.html">Ultimo Post: "Speed Dial" en HTML para Internet Explorer</a>Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comBlogger27125tag:blogger.com,1999:blog-10540613.post-1140814407260858502011-06-04T12:53:00.000-07:002011-07-12T08:19:59.817-07:00BienvenidosAprende rápido y fácil a modificar tus páginas de internet añadiendo códigos de HTML. Es sencillo y muy divertido. Haz una prueba, solo copia y pega (copy-paste) el siguiente código en un <a href="http://daleclick.blogspot.com/2005/07/editor-de-texto.html">editor de texto</a> HTML y verás el resultado inmediatamente.<br /><br><br><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" layout="box_count" width="50" show_faces="true" font="" style="float:right;"></fb:like><b>Código:</b><br><br><font color="red"><marquee></font>Bienvenidos a mi página<font color="red"></marquee></font><br><br><b>Resultado:</b><br><br><marquee>Bienvenidos a mi página</marquee><br><hr color="silver" size=1>Vez que fácil y sencillo es añadir un código de HTML! Haz click en los enlaces de esta página para que conozcas más sobre códigos de HTML y resultados.Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-65871135579205980302011-06-03T21:34:00.000-07:002011-07-12T07:56:43.385-07:00Speed Dial en HTML para Internet ExplorerSpeed Dial en HTML para Internet Explorer o el browser de tu preferencia. Baja el archivo y guárdalo en tu desktop; localiza el archivo HTML IE9 y haz un click derecho sobre "Open With" Internet Explorer.<br><br><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" layout="box_count" width="50" show_faces="true" font="" style="float:right;"></fb:like><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMPmJERa9ujNeAEq6_f2H79MPSpyctH9ctkBqxf6_l8UcZZtYzxNsIBLoKvGkvnzlU_sJHut_WrZ94uh_CYWyfeH14qE-F0id6iIqZfN5XmmxDq5Y0C2hBe0CHrbxb3xK14jcn7A/s1600/HTML_Speed_Dial_Preview_IE9.png"><img style="float:; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 187px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMPmJERa9ujNeAEq6_f2H79MPSpyctH9ctkBqxf6_l8UcZZtYzxNsIBLoKvGkvnzlU_sJHut_WrZ94uh_CYWyfeH14qE-F0id6iIqZfN5XmmxDq5Y0C2hBe0CHrbxb3xK14jcn7A/s320/HTML_Speed_Dial_Preview_IE9.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5614209471526051442" /></a><br><br /><br /><a href='http://www.mediafire.com/?dhsfspw2swwvnon' target="_blank"><img src="http://cdn.mediafire.com/images/mf_like_icon.png"><br>Download</a><br />Pass: daleclick2speeddialAdminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-1147799507505820252006-05-16T10:06:00.000-07:002006-05-16T10:36:51.543-07:00Quote<a href="http://pro-board.com/index.php?proboard=daleclick&showtopic=292">Imagen de fondo en un "blockquote" en blogger".</a> La pregunta que hizo de uno de los usuarios del <a href="http://daleclick.pro-board.com">foro de daleclick</a> sobre como poner una imágen detrás de un bloque de cita en blogger como el que se muestra en este ejemplo fue la siguiente:<blockquote>He visto en muchos blogs ya sean www.robinhoweb.com, www.vidaextra.com, etc que pone una especie de comillas para indicar graficamente que ese texto es una cita. Yo lo he intentado con el boton que pone el blogger pero solo me cambia el texto. Me gustaria saber si hay alguna manera para que te haga eso. Gracias!!!</blockquote>Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-1140814382681213192006-02-24T12:51:00.000-08:002011-06-01T10:16:29.400-07:00PreguntasYa no estaré contestando preguntas sobre HTML en este post. Para preguntas sobre HTML Básico visita el <a href="http://daleclick.blogspot.com/2006/02/preguntas.html" title="Ya no hay foro :(">foro de daleclick</a>. <b>Para ayuda con tu blog de blogger visita <a href="http://ayuda-blogger.blogspot.com">http://ayuda-blogger.blogspot.com</a>.</b>Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-1137365213771072922006-01-15T14:46:00.000-08:002006-02-24T12:59:39.523-08:00Bienvenidos!Aprende rápido y fácil a modificar tus páginas de internet añadiendo códigos de HTML. Es sencillo y muy divertido. Haz una prueba, solo copia y pega (copy-paste) el siguiente código en un <a href="http://daleclick.blogspot.com/2005/07/editor-de-texto.html">editor de texto</a> HTML y verás el resultado inmediatamente.<br><br><b>Código:</b><br><br><font color="red"><marquee></font>Bienvenidos a mi página<font color="red"></marquee></font><br><br><b>Resultado:</b><br><br><marquee>Bienvenidos a mi página</marquee><br><hr color="silver" size=1>Vez que fácil y sencillo es añadir un código de HTML! Haz click en los enlaces de esta página para que conozcas más sobre códigos de HTML y resultados. Para preguntas o comentarios acerca del blog "daleclick" en el enlace de <a href="http://daleclick.blogspot.com/2006/02/preguntas.html">preguntas</a>. Muchas Gracias.Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-1137103557952144492006-01-12T14:05:00.000-08:002011-07-12T08:03:13.366-07:00Ver Código Fuente<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" layout="box_count" width="50" show_faces="true" font="" style="float:right;"></fb:like>Cuando se construye una página de internet seguramente llegará el momento que vamos a querer incluir algún código o efecto que hayamos visto en otra página. De hecho, muchos de los visitantes de <a href="http://daleclick.blogspot.om">HTML Básico</a> han llegado aquí con esa misma inquietud de querer conocer cuál es el código que utilizan en "tal" página para crear 'x' o 'y' efecto. Pues fácil, esto se logra viendo el "Código Fuente" de la página, o sea, ver toda la pieza de código HTML que crea la página y donde debe encontrarse el código que produce el efecto que se quiere obtener o copiar. Si tenemos acceso al código fuente tenemos acceso al código que genera el efecto, copiamos pegamos (copy-paste) y listo.<br /><br /><b>¿Cómo se obtiene?</b><br />La forma en que se obtiene este código puede variar entre navegadores pero la más común y la más fácil es haciendo un click derecho sobre la página donde se encuentra el código a lo que surge una <a href="http://photos1.blogger.com/blogger/7678/802/1600/view_page_source.png" target="_blank" title="Ver Imagen">pequeña ventana de opciones</a> donde debemos seleccionar "View Page Source" que al seleccionarse se abre otra ventana con todo el código HTML de la página. Otra forma de ver este código es a través del menú de opciones del navegador al hacer click en "View" y luego "Source".Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-1136653622825505052006-01-07T09:06:00.000-08:002006-02-24T12:59:54.706-08:00Bienvenidos!Aprende rápido y fácil a modificar tus páginas de internet añadiendo códigos de HTML. Es sencillo y muy divertido. Haz una prueba, solo copia y pega (copy-paste) el siguiente código en un <a href="http://daleclick.blogspot.com/2005/07/editor-de-texto.html">editor de texto</a> HTML y verás el resultado inmediatamente.<br><br><b>Código:</b><br><br><font color="red"><marquee></font>Bienvenidos a mi página<font color="red"></marquee></font><br><br><b>Resultado:</b><br><br><marquee>Bienvenidos a mi página</marquee><br><hr color="silver" size=1>Vez que fácil y sencillo es añadir un código de HTML! Haz click en los enlaces de esta página para que conozcas más sobre códigos de HTML y resultados. Para preguntas o comentarios acerca del blog "daleclick" en el enlace de <a href="http://daleclick.blogspot.com/2006/02/preguntas.html">preguntas</a>. Muchas Gracias.Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-1136653539162062022006-01-07T09:03:00.000-08:002006-01-19T19:53:56.616-08:00Enlaces para daleclick!<a href="http://daleclick.blogspot.com" target="_blank" title="HTML Basico"><img src="http://photos1.blogger.com/blogger/7678/802/1600/html_boton.png" border=0></a><br /><br />Código:<br /><font size=1><i><a href="http://daleclick.blogspot.com" target="_blank" title="HTML Basico"><img src="http://photos1.blogger.com/blogger/7678/802/1600/html_boton.png" border=0></a></i></font><hr color="black" size=1><br /><br /><a href="http://daleclick.blogspot.com" target="_blank" title="HTML Basico"><img src="http://photos1.blogger.com/blogger/7678/802/320/d_click1.GIF" border=0></a><br /><br />Código:<br /><font size=1><i><a href="http://daleclick.blogspot.com" target="_blank" title="HTML Basico"><img src="http://photos1.blogger.com/blogger/7678/802/320/d_click1.GIF" border=0></a></i></font><hr color="silver" size=1><br /><br /><a href="http://daleclick-templates.blogspot.com" target="_blank" title="Daleclick Templates"><img src="http://photos1.blogger.com/blogger/7678/802/1600/boton_templates.1.png" border=0></a><br /><br />Código:<br /><font size=1><i><a href="http://daleclick-templates.blogspot.com" target="_blank" title="Daleclick Templates"><img src="http://photos1.blogger.com/blogger/7678/802/1600/boton_templates.1.png" border=0></a></i></font><hr color="silver" size=1><br /><br /><a href="http://daleclick-templates.blogspot.com" target="_blank" title="Daleclick Templates"><img src="http://photos1.blogger.com/blogger/7678/802/1600/boton_templates.0.png" border=0></a><br /><br />Código:<br /><font size=1><i><a href="http://daleclick-templates.blogspot.com" target="_blank" title="Daleclick Templates"><img src="http://photos1.blogger.com/blogger/7678/802/1600/boton_templates.0.png" border=0></a></i></font><hr color="silver" size=1><br /><br /><br /><a href="http://daleclick-templates.blogspot.com" target="_blank" title="Daleclick Templates"><img src="http://photos1.blogger.com/blogger/7678/802/1600/boton_templates.png" border=0></a><br /><br />Código:<br /><font size=1><i><a href="http://daleclick-templates.blogspot.com" target="_blank" title="Daleclick Templates"><img src="http://photos1.blogger.com/blogger/7678/802/1600/boton_templates.png" border=0></a></i></font><hr color="silver" size=1><br /><br /><br /><a href="http://daleclick.pro-board.com" target="_blank" title="Foro de Daleclick!"><img src="http://photos1.blogger.com/blogger/7678/802/1600/boton_foro.0.png" border=0></a><br /><br />Código:<br /><font size=1><i><a href="http://daleclick.pro-board.com" target="_blank" title="Foro de Daleclick!"><img src="http://photos1.blogger.com/blogger/7678/802/1600/boton_foro.0.png" border=0></a></i></font><hr color="silver" size=1><br /><br /><a href="http://daleclick.pro-board.com" target="_blank" title="Foro de Daleclick!"><img src="http://photos1.blogger.com/blogger/7678/802/1600/blogger.png" border=0></a><br /><br />Código:<br /><font size=1><i><a href="http://daleclick.pro-board.com" target="_blank" title="Foro de Daleclick!"><img src="http://photos1.blogger.com/blogger/7678/802/1600/blogger.png" border=0></a></i></font><hr color="silver" size=1><br /><br /><br /><a href="http://daleclick-templates.blogspot.com/2005/12/blogger-emoticons.html" target="_blank"><img src="http://photos1.blogger.com/blogger/7678/802/1600/be_blogger_emoticons.png" border="0" title="Blogger Emoticons"></a><br><br><br />Código:<br><br /><font size=1><i><a href="http://daleclick-templates.blogspot.com/2005/12/blogger-emoticons.html" target="_blank"><img src="http://photos1.blogger.com/blogger/7678/802/1600/be_blogger_emoticons.png" border="0" title="Blogger Emoticons"></a></i></font>Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-1132345115881406992005-11-18T12:18:00.000-08:002006-02-24T13:00:21.170-08:00BienvenidosAprende rápido y fácil a modificar tus páginas de internet añadiendo códigos de HTML. Es sencillo y muy divertido. Haz una prueba, solo copia y pega (copy-paste) el siguiente código en un <a href="http://daleclick.blogspot.com/2005/07/editor-de-texto.html">editor de texto</a> HTML y verás el resultado inmediatamente.<br><br><b>Código:</b><br><br><font color="red"><marquee></font>Bienvenidos a mi página<font color="red"></marquee></font><br><br><b>Resultado:</b><br><br><marquee>Bienvenidos a mi página</marquee><br><hr color="silver" size=1>Vez que fácil y sencillo es añadir un código de HTML! Haz click en los enlaces de esta página para que conozcas más sobre códigos de HTML y resultados. Para preguntas o comentarios acerca del blog "daleclick" en el enlace de <a href="http://daleclick.blogspot.com/2006/02/preguntas.html">preguntas</a>. Muchas Gracias.Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-1132345087898083612005-11-18T12:17:00.000-08:002011-06-02T17:23:25.665-07:00Preguntas<font color="red"><b>Lee aquí --> </b></font> Por el momento no estaré contestando más preguntas sobre BLOGGER o HTML. Para preguntas sobre Blogger o HTML, Scripts, etc., puedes visitar el blog de <a href="http://elescaparatederosa.blogspot.com/">El Escaparate</a> o <a href="http://gemablog-.blogspot.com/">El Blog de Gema</a>.<br /><br /><b>Ver página: 1,<a href="http://daleclick.blogspot.com/2005/10/preguntas-2.html">2</a>,<a href="http://daleclick.blogspot.com/2005/02/preguntas-3.html">3</a></b>Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.com35tag:blogger.com,1999:blog-10540613.post-1130362914468244992005-10-26T14:37:00.000-07:002011-07-12T08:04:41.609-07:00El index.html<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" layout="box_count" width="50" show_faces="true" font="" style="float:right;"></fb:like>Cuando construimos una página de internet el primer paso que hay que dar es crear el archivo index.html. El archivo index.html es la página principal del dominio al cual se accede. Al acceder un dominio cualquiera www.loquesea.com el servidor donde se encuentra ese dominio buscará el archivo llamado index.html donde se incluye todo el texto, imágenes, códigos etc que se quieran mostrar en la página principal. O sea, el archivo index.html es la página principal.<br /><br />Para llegar a este archivo o crear el mismo en la mayoría de los servicios de alojamiento de páginas de internet existe un "folder" llamado www donde se debe incluir esta página principal llamada index.html. Si es un servicio gratuito de alojamiento por lo general el folder llamado www no se muestra ya que al entrar al manejador de archivos (File Manager) automáticamente ya estas en él y la página index.html se crea automáticamente al crear tu cuenta.<br /><br />Para crear otras páginas dentro de ese dominio debes nombrar las mismas con la clasificación de .html, por ejemplo: mis_fotos.html. En este caso la direccion de acceso sería <font size=1>www.loquesea.com/mis_fotos.html</font>. Así usted podrá crear cuantas páginas crea necesario y <a href="http://daleclick.blogspot.com/2005/02/enlaces.html">enlazar</a> a estas desde la página principal o unas con otras incluyendo la dirección específica de las mismas y poco a poco vas construyendo tu propia web.Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-1129235419140802592005-10-13T13:28:00.000-07:002011-06-01T10:52:41.779-07:00Preguntas (2)<font color="red"><b>Lee aquí --> </b></font> Por el momento no estaré contestando más preguntas sobre BLOGGER o HTML. Para preguntas sobre Blogger o HTML, Scripts, etc., puedes visitar el blog de <a href="http://elescaparatederosa.blogspot.com/">El Escaparte</a> o <a href="http://gemablog-.blogspot.com/">El Blog de Gema</a>.<br /><br /><br /><b>Ver página: <a href="http://daleclick.blogspot.com/2005/11/preguntas.html">1</a>,2,<a href="http://daleclick.blogspot.com/2005/02/preguntas-3.html">3</a></b>Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.com57tag:blogger.com,1999:blog-10540613.post-1125897299564554612005-09-04T22:06:00.000-07:002005-09-17T13:44:24.620-07:00EjemplosPost para ejemplos...<div class="post">Blogger doesn't provide solution to edit comments.<br /><br /><b><u>Here's an easy way to edit comments posted on your own blog</u>:</b><br /><br />Right click on a delete comment link (<img src="http://www.blogger.com/img/icon_delete13.gif" class="none" alt="" />), copy-paste the shortcut in the form below and hit the Edit Comment button.<br /><br /><script type="text/javascript">function remplacechaine(text1,text2,text3){var longueur = text2.length;var debut= text1.lastIndexOf(text2);while( debut != -1){mot = text1.substring(debut,debut+longueur);var avant=text1.substr(0,debut);var suite=text1.substr(debut+longueur,text1.length);text1 = avant + text3 + suite;debut= text1.lastIndexOf(text2);}window.open(text1)}</script><input type="text" id="val1" size="40" value="Paste a Delete Comment link here" onfocus="value=''"><input type="hidden" id="val2" value="delete-comment"><input type="hidden" id="val3" value="post-edit"><br /><input type="button" value="Edit comment" onclick="javascript:remplacechaine(document.getElementById('val1').value,document.getElementById('val2').value,document.getElementById('val3').value);">Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-1122361655688566692005-07-26T00:02:00.000-07:002011-07-12T08:21:59.603-07:00Editor de Texto<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" layout="box_count" width="50" show_faces="true" font="" style="float:right;"></fb:like>Inserta los códigos y haz click en "Test The Html Code" para ver los resultados y "Clear Text Box" para borrar.<br /><br /><form name="tester"><br /><textarea rows="8" cols="45" wrap="physical" name="box"></textarea><br /><input type="button" value="Test The HTML Code" onClick="preview()"><input type="reset" value="Clear Text Box"><br /></form><br /><br /><hr color="silver" size=1>Fuente: <a href="http://www.csgnetwork.com">www.csgnetwork.com</a>Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-1119751491534000362005-06-25T19:01:00.000-07:002011-07-12T08:07:56.862-07:00Dominios<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" layout="box_count" width="50" show_faces="true" font="" style="float:right;"></fb:like>Si creamos una página a través de un servicio gratis de internet por lo general las direcciones URL son muy extensas, para resolver esto podemos adquirir una direccion URL más corta con los llamados <a href="http://www.google.com.pr/search?hl=es&q=dominios&btnG=B%C3%BAsqueda+en+Google&lr=">dominios</a> (www.loquesea.com). Estos servicios se pueden encontrar en el internet con una diversidad de opciones y precios que van desde direcciones que solo re-dirigen a tu web hasta servicios completos que incluyen el alojamiento de tus páginas. <br /><br />Algunas de estas páginas que ofrecen este servicio de grátis son <a href="http://cjb.net">www.cjb.net</a>, <a href="http://tz4.com">www.tz4.com</a> <font size=1>(click » <a href="http://daleclick.tz4.com">www.daleclick.tz4.com</a>)</font>, <a href="http://mydot.tk">www.mydot.tk</a> y <a href="http://www.midominiogratis.com">www.midominiogratis.com</a>.Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-1108273060794942132005-02-12T21:14:00.000-08:002011-07-12T08:02:13.538-07:00¿Que es HTML?<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" layout="box_count" width="50" show_faces="true" font="" style="float:right;"></fb:like>El HTML es un lenguaje ó código que se utiliza para crear páginas de internet. Este lenguaje ó estos códigos son reconocidos por un editor de texto HTML el cual, de acuerdo a esos códigos, imágenes, textos, tablas y un sin fin de elementos que se colocan dentro del código permiten la creación de una página de internet. Cuando creamos una página de internet debemos incluir el siguiente código.<br /><br /><b>Código</b>:<br /><br /><font color="red"><html><br /><head><br /><title></font>HTML Básico para aficionados<font color="red"></title><br /></head><br /><body></font>Bienvenidos a mi página<font color="red"></body><br /></html></font><br /><br /><b>Descripción</b>: La propiedad de HTML nos indica el punto de partida del código que creará la página de internet. La propiedad de HEAD nos indica el punto de partida de la cabecera de la página, area que se utiliza para incluir "scripts", códigos y textos invisibles que dan forma a algunos aspectos de la página. La propiedad de TITLE se utiliza para adjudicarle un título a la página que será visto en la barra superior de la página de internet, como el que se muestra en esta página (HTML Básico para aficionados). Y para finalizar tenemos la propiedad de BODY que nos indica el inicio del cuerpo de la página donde se coloca el texto, imágenes y el contenido principal de esta.Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-1108267708184956752005-02-12T19:44:00.000-08:002011-06-06T14:02:24.328-07:00FX<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://daleclick.blogspot.com/2005/02/fx.html" send="true" width="" show_faces="true" font="" layout="box_count" style="float:right;"></fb:like>Algunos códigos de HTML se pueden modificar para obtener ciertos efectos especiales como los "scripts". Estos se colocan en cualquier parte de la página donde se quiera lograr el efecto como cualquier código de HTML. Veamos algunos ejemplos:<br /><br /><b>Código</b>:<br /><br /><marquee scrolldelay="700" scrollamount="400"><br /><font color="red"><b>Texto en forma de Blink</b></font><br /></marquee><br /><br /><b>Resultado</b>: (solo en IE)<br /><marquee scrolldelay="700" scrollamount="400"><br /><font color="red"><b>Texto en forma de Blink!</b></font><br /></marquee><hr color="silver" size=1><br /><br /><b>Código</b>:<br /><br /><iframe src="http://www.google.com"></iframe><br /><br /><b>Resultado</b>: Este código nos permite colocar una página de internet dentro de una pequeña pantalla, así:<br /><br /><iframe src="http://www.google.com"></iframe><br /><br />Solo cambia la dirección URL de la página que quieres mostrar. Tambien puedes añadir elementos tales como el "width" para el ancho de la pantalla y el "height" para la altura de la pantalla.<hr color="silver" size=1><br /><br /><b>Código</b>:<br /><br /><font color="red"><table border=1 width=100 bgcolor="silver"><td bgcolor="white"><marquee behavior="scroll" scrollamount=2 direction="up" height="50"><font color="orange"></font>Esto es una pequeña pantalla que muestra un mensaje en dirección hacia arriba. El mismo se hace modificando uno de los códigos que hemos visto aquí, marquee.<font color="red"></font></marquee></td></table></font><br /><br /><b>Resultado</b>:<br /><br /><table border=1 width=100 bgcolor="silver"><td bgcolor="white"><marquee behavior="scroll" scrollamount=2 direction="up" height="50"><font color="red" size=1><b>Esto es una pequeña pantalla que muestra un mensaje en dirección hacia arriba. El mismo se hace modificando uno de los códigos que hemos visto aquí, marquee.</b></font></marquee></td></table><br /><br />Modifica las propiedades para obtener resultados diferentes.Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-1108262127865994912005-02-12T17:50:00.000-08:002011-06-06T14:03:50.881-07:00Scripts<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://daleclick.blogspot.com/2005/02/scripts.html" send="true" width="" show_faces="true" font="" layout="box_count" style="float:right;"></fb:like>Los llamados "Scripts" son formas de texto que se le añaden a una página de internet para crear un efecto en específico. La mayoría de estas formas deben ser colocados entre las propiedades de <head> y </head> del código HTML de la página. Recuerda que con solo copiar y pegar (copy-paste) los códigos es suficiente, solo debes modificarlos a tu gusto. Veamos los siguientes ejemplos:<br /><br /><b>Script</b>:<br /><meta http-equiv="Refresh"<br />content="<font color="red">5</font>;url=<font color="red">http://www.blogger.com</font>"><br /><br /><b>Descripción</b>: <br />Al colocar este en una página de internet, el mismo redirigirá en 5 segundos a la página de internet que se indica en la dirección de URL. Content= al tiempo en segundos.<hr color="silver" size=1><br /><b>Script</b>:<br /><style><br /><!--<br />BODY{<br />scrollbar-face-color:<font color="red">'green'</font>;<br />scrollbar-arrow-color:<font color="red">'yellow'</font>;<br />scrollbar-track-color:<font color="red">'red'</font>;<br />scrollbar-shadow-color:<font color="red">'red'</font>;<br />scrollbar-highlight-color:<font color="red">'gray'</font>;<br />scrollbar-3dlight-color:<font color="red">'silver'</font>;<br />scrollbar-darkshadow-Color:<font color="red">'silver'</font>;<br />}<br />--><br /></style><br /><br /><b>Descripción</b>: (solo en IE)<br />Cambia el color de las barras scroll (ScrollBars) en una página de internet. Modifica los colores a tu gusto y listo.<hr color="silver" size=1><br /><b>Script</b>:<br /><SCRIPT LANGUAGE="javascript"><br /><br />var getin = prompt("<font color="red">Acceso Denegado!!! - Necesitas un Password para poder entrar</font>")<br />if (getin!="<font color="red">clave3577</font>")<br />{location.href='<font color="red">http://www.blogger.com</font>'}<br />else<br />{alert('<font color="red">Acceso Permitido - Entra</font>')} <br /><br /></SCRIPT><br /><br /><b>Descripción</b>:<br />Crea una forma de entrada a la página a través de una clave secreta. Cambia lo que está en rojo para más opciones. El texto en rojo (clave3577) es la clave de ingreso a la página.<hr color="silver" size=1><br /><b>Script</b>:<br /><style type="text/css"><br /><!-- <br />A{text-decoration:none} <br />--><br /></style><br /><br /><b>Descripción</b>:<br />Elimina las líneas debajo de un <a href="http://daleclick.blogspot.com/2005/02/enlaces.html">enlace</a>.<hr color="silver" size=1><br /><b>Script</b>:<br /><script language="JavaScript"><br /><!-- <br />window.status = "HTML Básico para aficionados";<br />--><br /></script><br /><br /><b>Descripción</b>:<br />Crea un mensaje en la barra de status donde originalmente dice (Done) ó (Opening <br />page)<br /><hr color="silver" size=1> Para más información sore estos "scripts" visita el siguiente enlace: <a href="http://www.dynamicdrive.com" target="_blank">http://www.dynamicdrive.com</a>.Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-1108259354985557512005-02-12T17:45:00.000-08:002011-06-01T10:23:29.204-07:00Contacto<center><img src="http://img154.imageshack.us/img154/8452/dclickgmail20um.png"></center>Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-1108258967053738782005-02-12T17:38:00.000-08:002011-06-01T10:53:37.264-07:00Preguntas (3)<font color="red"><b>Lee aquí --> </b></font> Por el momento no estaré contestando más preguntas sobre BLOGGER o HTML. Para preguntas sobre Blogger o HTML, Scripts, etc., puedes visitar el blog de <a href="http://elescaparatederosa.blogspot.com/">El Escaparte</a> o <a href="http://gemablog-.blogspot.com/">El Blog de Gema</a>.<br /><br /><b>Ver página: <a href="http://daleclick.blogspot.com/2005/11/preguntas.html">1</a>,<a href="http://daleclick.blogspot.com/2005/10/preguntas-2.html">2</a>,3</b>Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.com151tag:blogger.com,1999:blog-10540613.post-1108258155391312912005-02-12T17:18:00.000-08:002011-06-06T13:57:31.190-07:00Colores<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://daleclick.blogspot.com/2005/02/colores.html" send="true" width="" show_faces="true" font="" layout="box_count" style="float:right;"></fb:like>Existen 2 formas para adjudicar colores en una página de internet. Una de ellas es a través de los códigos de colores por nombre (blue, yellow, red, etc.) y la otra es a través de codificaciónes (#000000 = blanco #ffffff = negro #999999 = griz). Veamos las siguientes 2 tablas de ejemplos y sus resultados.<br /><br />Clasificación de colores por nombre:<br /><table border=0 width="autofit"><td bgcolor="red">red</td><td bgcolor="yellow">yellow</td><td bgcolor="blue">blue</td><tr><td bgcolor="green">green</td><td bgcolor="black"><font color="white">black</font></td><td bgcolor="lime">lime</td><tr><td bgcolor="gray">gray</td><td bgcolor="white">white</td><td bgcolor="orange">orange</td></table><br /><br />Clasificación de colores por codificación:<br /><table border=0 width="autofit"><td bgcolor=#FF3300>#FF3300</td><td bgcolor=#FFFF66>#FFFF66</td><td bgcolor=#3333FF>#3333FF</td><tr><td bgcolor=#339933>#339933</td><td bgcolor=#000000><font color="white">#000000</font></td><td bgcolor=#33FF00>#33FF00</td><tr><td bgcolor=#999999>#999999</td><td bgcolor=#FFFFFF>#FFFFFF</td><td bgcolor=#FF9933>#FF9933</td></table><hr color="silver" size=1>Recuerda escribir el símbolo de (#)antes de la codificación de color por número, sin dejar espacios para que el código tenga efecto. Para una lista de clasificación de colores por codificación ver el siguiente enlace: <a href="http://html-color-codes.com/" target="_blank">html-color-codes.com</a>.Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-1108161681972349612005-02-11T14:15:00.000-08:002011-06-05T07:11:55.125-07:00Códigos<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://daleclick.blogspot.com/2005/02/cdigos.html" send="true" width="" show_faces="true" font="" layout="box_count" style="float:right;"></fb:like>Aquí una lista de los códigos que más se utilizan para crear una página de internet y sus resultados. Algunas modificaciones a estos códigos pueden obtenerse viendo los enlaces de información.<br><br><br><table border=1 align="center"><td><b>Código</b></td><td><b>Resultado</b></td><tr><td><b>Letra en Bold</b></td><td><b>Letra en Bold</b></td><tr><td><i>Letra en Italic</i></td><td><i>Letra en Italic</i></td><tr><td><u>Letra Subrayada</u></td><td><u>Letra Subrayada</u></td><tr><td><center>Texto centralizado</center></td><td><center>Texto centralizado</center></td><tr><td><hr> = Produce una línea</td><td><hr></td><tr><td><img src="http://www.blogger.com/<br />img/logo40.gif"></td><td><img src="http://www.blogger.com/img/logo40.gif"></td><tr><td><a href="http://www.blogger.com"><br />Blogger.com</a></td><td><a href="http://www.blogger.com">Blogger.com</a></td><tr><td><marquee>Texto en movimiento</marquee></td><td><marquee>Texto en movimiento</marquee></td><tr><td><br>Rompe<br>Líneas</td><td>Rompe<br>Líneas</td></table>Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-1108097388100639432005-02-10T20:38:00.000-08:002011-06-06T13:58:45.765-07:00Líneas<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://daleclick.blogspot.com/2005/02/lneas.html" send="true" width="" show_faces="true" font="" layout="box_count" style="float:right;"></fb:like>Para insertar una línea en una página de internet solo debes incluir el siguiente código:<br /><br /><b>Código</b>: <font color="red"><hr></font><br /><br /><b>Resultado</b>:<br /><br /><hr><br /><br />Para adjudicar color y tamaño a la linea solo debes añadir los siguientes códigos:<br /><br /><b>Código</b>: <font color="red"><hr color="blue" size=3></font><br /><br /><b>Resultado</b>: <br /><br /><hr color="blue" size=3><br /><br />Otros estilos que podemos adjudicar a las líneas pueden hacerse utilizando el código de "width" para indicar el largo de la línea. De no indicar este código la línea se ajustará automaticamente al largo de la página de internet. Veamos el siguiente ejemplo:<br /><br /><b>Código</b>: <font color="red"><hr color="green" size=1 width="150"></font><br /><br /><b>Resultado</b>: <br /><br /><hr color="green" size=1 width="150"><br /><br /><hr color="silver" size=1>Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-1108094890747296712005-02-10T20:01:00.000-08:002011-06-05T07:09:02.011-07:00Letras<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://daleclick.blogspot.com/2005/02/letras.html" send="true" width="" show_faces="true" font="" layout="box_count" style="float:right;"></fb:like>Para aplicar diferentes tipos ó estilos de letras se pueden utilizar una varieda de códigos. Los siguientes códigos muestran varios ejemplos de como lograr esto y sus resultados.<br /><br /><table border=1><td><b>Código</b>:</td><td><b>Resultado</b>:</td><tr><td><font color="red"><b></font>Letra en Bold<font color="red"></b></font></td><td><b>Letra en Bold</b></td><tr><td><font color="red"><i></font>Letra en italica<font color="red"></i></font></td><td><i>Letra en italica</i></td><tr><td><font color="red"><u></font>Letra subrayada<font color="red"></u></font></td><td><u>Letra subrayada</u></td></table><br /><br />Además de estos estilos existen otros códigos para adjudicar diferentes tamaños, colores y formas. Veamos el siguiente ejemplo:<br /><br /><table border=1><td><b>Código</b>:</td><td><b>Resultado</b>:</td><tr><td><font color="red"><font face="Arial" color="orange" size=1></font>El tipo (face) de esta letra debe ser "Arial", el color (color) debe ser "anaranjado" y el tamaño (size) debe ser "1"<font color="red"></font></font></td><td><font face="Arial" color="orange" size=1>El tipo (face) de esta letra debe ser "Arial", el color (color) debe ser "anaranjado" y el tamaño (size) debe ser "1"</font></td></table><br /><br />Otros tipos de letras que se pueden utilizar son "Tahoma", "Comic Sans", "Impact", "Verdana"; otros tipos de colores que se pueden utilizar son "green" (verde), "yellow" (amarillo), "blue" (azul), "gray" (griz); y para aumentar el tamaño (size) de las letras solo debes aumentar el número dentro del código y listo.<br /><hr color="silver" size=1>Recuerda que para los códigos tengan efecto debes escribirlos exactamente como aparecen aquí. Si te sirve de ayuda solo copia y pega (copy paste) los códigos de ejemplos en un editor de texto para que vayas practicando.Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.comtag:blogger.com,1999:blog-10540613.post-1108012729964118262005-02-09T21:13:00.000-08:002011-06-06T14:00:37.700-07:00Tablas<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://daleclick.blogspot.com/2005/02/tablas.html" send="true" width="" show_faces="true" font="" layout="box_count" style="float:right;"></fb:like>Para insertar una tabla en una página de internet debes incluir el código que aparece a continuación. Este puede ser modificado para obtener diferentes resultados y estilos de tablas.<br /><br /><b>Código</b>:<br /><br /><font color="red"><table border=1><td></font>Aqui va el contenido de la tabla, texto, imágenes, etc.<font color="red"></td></table></font><br /><br /><b>Resultado</b>:<br /><br /><table border=1><td>Aqui va el contenido de la tabla, texto, imágenes etc.</td></table><br /><br />El número uno se refiere al tamaño del borde de la tabla. Si aumentas el número el borde será mas grueso y si escribes 0 la tabla no mostrará borde alguno.<br /><hr color="gray" size=1><br />Además de una simple tabla podemos adjudicar varios códigos para obtener una tabla dividida en columnas y encasillados. Veamos los siguientes ejemplos.<br /><br /><b>Código</b>:<br /><br /><font color="red"><table border=1><td></font>Columna #1<font color="red"></td><td></font>Columna #2<font color="red"></td></table></font><br /><br /><b>Resultado</b>:<br /><br /><table border=1><td>Columna #1</td><td>Columna #2</td></table><br /><br />Fíjate que antes de cerrar la tabla con el código de </table> añadimos un set de códigos <td></td> para insertar la seguna columna. ¿Pero que tal si queremos añadir contenido debajo de estas columnas? Veamos el siguiente ejemplo:<br /><br /><b>Código</b>:<br /><br /><font color="red"><table border=1><td></font>Columna #1<font color="red"></td><td></font>Columna #2<font color="red"></td><tr><td></font>Contenido Bajo Columna#1<font color="red"><td></font>Contenido Bajo Columna#2<font color="red"></td></table></font><br /><br /><b>Resultado</b>:<br /><br /><table border=1><td>Columna #1</td><td>Columna #2</td><tr><td>Contenido Bajo Columna#1</td><td>Contenido Bajo Columna#2</td></table><br /><br />Si queremos añadir más columnas o encasillados solo tenemos que añadir más códigos <td></td> para columnas y <tr> para encasillados. Fíjate que para añadir encasillados no tienes que cerrar el código <tr>, solo lo escribes donde quieres que vaya el espacio y listo.<hr color="silver" size=1><br />Otro efecto que podemos aplicar a una tabla es el color de los bordes de la tabla y el color de fondo. Esto se hace añadiendo los códigos de <bordercolor="red"> para el color de borde y <bgcolor="black"> para el color de fondo. Veamos el siguiente ejemplo:<br /><br /><b>Código</b>:<br /><br /><font color="red"><table border=1 bordercolor="silver" bgcolor="black"><td><font color="white"></font>Tabla con borde de color plateado (silver) y fondo negro (black). El color de letra (font color) es blanco<font color="red"></font></td></table></font><br /><br /><b>Resultado</b>:<br /><br /><table border=1 bordercolor="silver" bgcolor="black"><td><font color="white">Tabla con borde de color plateado (silver) y fondo negro (black). El color de letra (font color) es blanco</font></td></table><br /><br />Solo cambia las propiedades de los códigos para obtener otros resultados.Adminhttp://www.blogger.com/profile/06981651269760742369noreply@blogger.com