Hangouts
https://hangouts.google.com/webchat/start
---------------------------------------
Plan “Cada Familia una Escuela”
Disponible en lweb del Miniterio de Educación o en ésta url:
http://me.gob.ve/index.php/item-web/2-uncategorised/6637-cada-familia-una-escuela
----------------------------------------
MEGA.NZ
Una excelente herramienta "virtual" para respaldar
archivos... La recomiendo y les dejo la url para
que puedan llegarle rápido y abrir sus cuentas.
Es fácil, rápido y siempre GRATIS hasta 50gb.
https://mega.nz/aff=KmOo1SlcjkI
-------------------------------------
+---+ ?
¦¦¦¦¦ ?
¦ (?) ?
+---+??
-------------------------------------
COMANDOS ALT+
Alt + 1 ?
Alt + 2 ?
Alt + 3 ?
Alt + 4 ?
Alt + 5 ?
Alt + 6 ?
Alt + 7 •
Alt + 8 ?
Alt + 9 ?
Alt + 10 ?
Alt + 11 ?
Alt + 12 ?
Alt + 13 ?
Alt + 14 ?
Alt + 15 ¤
Alt + 16 ?
Alt + 17 ?
Alt + 18 ?
Alt + 19 ?
Alt + 20 ¶
Alt + 21 §
Alt + 22 ?
Alt + 23 ?
Alt + 24 ?
Alt + 25 ?
Alt + 26 ?
Alt + 27 ?
Alt + 28 ?
Alt + 29 ?
Alt + 30 ?
Alt + 31 ?
-------------------------------------
<a class="spreaker-player" href="https://www.spreaker.com/episode/32896778" data-resource="episode_id=32896778" data-width="100%" data-height="200px" data-theme="light" data-playlist="false" data-playlist-continuous="false" data-autoplay="false" data-live-autoplay="false" data-chapters-image="true" data-episode-image-position="right" data-hide-logo="false" data-hide-likes="false" data-hide-comments="false" data-hide-sharing="false" data-hide-download="true">Escucha "Musica Clasica" en Spreaker.</a>
<script async src="https://widget.spreaker.com/widgets.js"></script>
----------------------------------
https://mega.nz/file/mkMEiQhC
<audio controls>
<source src="_________________" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
<iframe width="100%" height="55" src="https://mega.nz/file/mkMEiQhC" frameborder="0" scrolling="no" allow="autoplay"></iframe>
<audio src="https://drive.google.com/file/d/1HlWomrsYrcTvIIjL0ZfDvJ-JG0EpurAj/view?usp=sharing"controls="controls"></audio>
----------------------------------
INSERTAR IRADEO DE AUDIO EN LA WEB
<iframe width="100%" height="135" src="https://www.iradeo.com/station/embed/160905?override_schedule_colors=1" frameborder="0" scrolling="no" allow="autoplay"></iframe><iframe width="100%" height="135" src="https://www.iradeo.com/station/embed/160905?override_schedule=1" frameborder="0" scrolling="no" allow="autoplay"></iframe>
----------------------------------
https://mx.ivoox.com/es/temas-cristianos-instrumental-audios-mp3_rf_50063174_1.html
<iframe width="100%" height="200" frameborder="0" allowfullscreen="" scrolling="no" src="https://mx.ivoox.com/es/player_ej_50063174_2_1.html?data=lpWdmJiVe5Whhpywj5WYaZS1kZ2SlaaXdY6ZmKiak5KJe6ShkZKSmaiRdI6ZmKiatsrRpdSfpNfW1dnNpc_j1JC20NjYttbhxtPhw9GRaZi3jq-8taqPkI-fsaaxtLSyb6SijoqkpZKY&"></iframe>
------------------------------------
Saludos;
JOSÉ LUIS PADRÓN CHACIN
@quizasinterese
https://quizaleinterese.blogspot.com/
________________
MEGA.NZ
An excellent tool for "virtual" to support
files... I recommend it and I'll leave the url to
they can reach fast and to open their accounts.
It's fast, easy and always FREE up to 50gb.
https://mega.nz/aff=KmOo1SlcjkI
-------------------------------------
META TAGS
<meta content='Descubre cómo optimizar los títulos para mejorar el posicionamiento de tu blog Blogger.' name='description'/>
----------------------------
<p align="center">
-----------------------------------
<script language="JavaScript" type="text/javascript">
if (document.all){
with (document){
write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')
write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>')
write('</div>')
}
}
var Clrs=new Array(6)
Clrs[0]='ff0000';
Clrs[1]='00ff00';
Clrs[2]='000aff';
Clrs[3]='ff00ff';
Clrs[4]='fff000';
Clrs[5]='fffff0';
if (document.layers)
{window.captureEvents(Event.MOUSEMOVE);}
var yBase = 200;
var xBase = 200;
var step;
var currStep = 0;
var Xpos = 1;
var Ypos = 1;
if (document.all)
{
function MoveHandler(){
Xpos = document.body.scrollLeft+event.x;
Ypos = document.body.scrollTop+event.y;
}
document.onmousemove = MoveHandler;
}
else if (document.layers)
{
function xMoveHandler(evnt){
Xpos = evnt.pageX;
Ypos = evnt.pageY;
}
window.onMouseMove = xMoveHandler;
}
function animateLogo() {
if (document.all)
{
yBase = window.document.body.offsetHeight/4;
xBase = window.document.body.offsetWidth/4;
}
else if (document.layers)
{
yBase = window.innerHeight/4;
xBase = window.innerWidth/4;
}
if (document.all)
{
for ( i = 0 ; i < starsDiv.all.length ; i++ )
{step=3;
starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200);
starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400);
for (ai=0; ai < Clrs.length; ai++)
{
var c=Math.round(Math.random()*[ai]);
}
starsDiv.all[i].style.background=Clrs[c];
}
}
else if (document.layers)
{
for ( j = 0 ; j < 14 ; j++ ) //number of NS layers!
{step = 4;
var templayer="a"+j
document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(0.7+currStep/200);
document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400);
for (aj=0; aj < Clrs.length; aj++)
{
var c=Math.round(Math.random()*[aj]);
}
document.layers[templayer].bgColor=Clrs[c];
}
}
currStep+= step;
setTimeout("animateLogo()", 10);
}
animateLogo();
// -->
</script>
-----------------------------------
<marquee behavior="scroll" direction="up">
En la vida tenemos momentos malos y momentos buenos; de los malos debemos aprender y de los buenos disfrutar.
José L. Padrón C.
________________________
No hace falta vengarse, la gente mala se destruye sola.
Anónimo.></p>
</marquee>
-------------------------------------
SCROLL DE NOTICIAS Y TEXTOS DIVERSOS:
<marquee behavior="scroll" direction="up">Here is some scrolling text... going up!</marquee>
------------------
ABRIR ENLACE EN VENTANA EMERGENTE
<a href="DIRECCION" target="_blank">Texto enlace</a>
-----------------
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Librería OnLine' name='description'/>
<meta content='palabras claves' name='keywords'/>
<meta content='all, index, follow' name='robots'/>
</b:if>
--------------------------------
<style type='text/css'>
.css1{
position:absolute;top:0px;left:0px;
width:16px;height:16px;
font-family:Arial,sans-serif;
font-size:16px;
text-align:center;
font-weight:bold;
}
.css2{
position:absolute;top:0px;left:0px;
width:10px;height:10px;
font-family:Arial,sans-serif;
font-size:10px;
text-align:center;
}
#control{ /* estilos del botón */
background: #e2e2e2; /* color de fondo */
color: #000; /* color del texto */
border: 1px #66CCCC solid; /* ancho y color de borde */
border-radius: 10px; /* redondeo de esquinas */
}
</style>
--------------------------------
TEXTO DESPLAZANDOSE DE DERECHA A IZQUIERDA:
<marquee> </marquee>
<marquee>DIRECTORIO DE LIBROS Y REVISTAS EN *.pdf</marquee>
----------------------------------
ESTA PAGINA WEB TIENE "XX" DIAS EN INTERNET
<script>
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countup(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var paststring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1)
difference+=" días"
document.write("Ésta página web cumple hoy "+difference+" en Internet")
}
//cambiar la fecha
countup(2020,07,15)
--------------------------------------------------------
</script><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.2/webfont.js"></script><style type="text/css" data-creator="amazingslidercreator1">.amazingslider-wrapper-1 {display:block;position:relative;width:100%;height:auto;}.amazingslider-slider-1 {display:block;position:relative;left:0px;top:0px;width:100%;height:auto;}.amazingslider-box-1 {display:block;position:relative;left:0px;top:0px;width:100%;height:auto;}.amazingslider-swipe-box-1 {display:block;position:relative;left:0px;top:0px;width:100%;height:auto;}.amazingslider-space-1 {display:block;position:relative;left:0px;top:0px;width:100%;height:auto;visibility:hidden;line-height:0px;font-size:0px;}.amazingslider-img-box-1 {display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;}.amazingslider-lightbox-play-1 {display:none;position:absolute;left:50%;top:50%;cursor:pointer;width:64px;height:64px;margin-top:-32px;margin-left:-32px; background:url('https://padron.entretemas.com.ve/sliderengine/playvideo-64-64-0.png') no-repeat left top;}.amazingslider-play-1 {display:none;position:absolute;left:50%;top:50%;cursor:pointer;width:64px;height:64px;margin-top:-32px;margin-left:-32px; background:url('https://padron.entretemas.com.ve/sliderengine/playvideo-64-64-0.png') no-repeat left top;}.amazingslider-video-wrapper-1 {display:none;position:absolute;left:0px;top:0px;background-color:#000;text-align:center;}.amazingslider-error-1 {display:block;position:relative;margin:0 auto;width:80%;top:50%;color:#fff;font:16px Arial,Tahoma,Helvetica,sans-serif;}.amazingslider-video-wrapper-1 video {max-width:100%;height:auto;}.amazingslider-video-wrapper-1 iframe, .amazingslider-video-wrapper-1 object, .amazingslider-video-wrapper-1 embed {position:absolute;top:0;left:0;width:100%;height:100%;}</style><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald"><style type="text/css" data-creator="amazingslidercreator1" data-csstype="texteffect">.amazingslider-text-1 {display:block; padding:12px; text-align:left;} .amazingslider-text-bg-1 {display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#333333; opacity:0.6; filter:alpha(opacity=60);} .amazingslider-title-1 {display:block; position:relative; font:bold 14px "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial; color:#fff;} .amazingslider-description-1 {display:block; position:relative; font:12px "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial; color:#fff; margin-top:8px;} .amazingslider-button-1 {display:block; position:relative; margin-top:8px;} @media (max-width: 600px) {.amazingslider-title-1 {font-size:12px;} .amazingslider-description-1 {font-size:12px;} .amazingslider-button-1 {} } </style></head><body style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); height: 426px;" vlink="#800080" link="#0000ff">This website personal meet today in the Internet
-----------------------------------
Código Para Agregar Buscador de Google a tu Pagina Web:
<center>
<FORM method=GET action="http://www.google.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=es>
<INPUT type=submit name=btnG
--------------------------------
Inserta un Pequeño y Bonito Calendario en tu Página Web.
<script type=”text/javascript” src=”http://100widgets.com/js_data.php?id=106?></script>
--------------------------------
Pequeño widget que da en tiempo real el número de usuarios activos en tu web:
<script id=”_wauwaa”>var _wau = _wau || []; _wau.push([“classic”, “zltotgacrhd9”, “waa”]);
(function() {var s=document.createElement(“script”); s.async=true;
s.src=”http://widgets.amung.us/classic.js”;
document.getElementsByTagName(“head”)[0].appendChild(s);
})();</script>
---------------------------------
para insertar lluvia en tu pagina.
<!– Lluvia en el blog –>
<div style=”display:none;”>
<script type=”text/javascript” src=”http://blogparts.giffy.me/0117/parts.js”></script><p style=”text-align: center;margin:0;padding:0;”>
<a href=”http://giffy.me/baby/”><img style=”border:0;” src=”http://blogparts.giffy.me/0117/parts.gif” alt=”????100%??????;” /></a></p>
<p style=”text-align:center;font-size:12px;margin:10px 0 0 0;padding:0;”>
[PR] <a href=”http://typing.twi1.me/” rel=”nofollow”>??????????!</a></p>
</div>
<iframe allowtransparency=’true’ frameborder=’0' marginheight=’0' marginwidth=’0' scrolling=’no’ src=’http://audio-play.blogspot.com/p/lluvia.html’ style=’height:0; width:0;’></iframe>
--------------------------------
Redireccionar una página:
<HTML>
<HEAD>
<TITLE>Redireccionando rápidamente</TITLE>
<SCRIPT LANGUAGE="JavaScript">
location.href='http://www.pauluk.8k.com';
</SCRIPT>
</HEAD>
<BODY>
-----------------------------
Subrayar un Link al pasar el mouse:
<STYLE type="text/css">
<!--
A:link {COLOR: red; TEXT-DECORATION: none}
A:visited {COLOR: gray; TEXT-DECORATION: none}
A:active {TEXT-DECORATION: none}
A:hover {COLOR: blue; TEXT-DECORATION: underline} -->
</STYLE>
</p>
<p><a href="l1.htm">El texto que quieras.</a><br>
<a href="l2.htm">otro texto.</a><br>
<a href="l3.htm">Otro texto.</a><br>
</p>
---------------------------------
BOTON "IR ARRIBA"
</script></div><div class=”n”><div class=”n”> <a href=”#” title=”Ir arriba”><img alt=”Ir arriba” border=”0? src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVGliK-iub9aXDEMlao1x6uXyfzrvuTddi6OQhxrs2Lps-W8A-hOi4GcTdwGGDnptt8t_QXMCOG0RKJAdEDTi6RaDXrVB_B2NXl8TT5n8nkOuk_qkdpcb6jXbKp2W4Q-YKouMw8UgjVsI/s200/arrow8a.png” style=position:fixed;bottom:0;right:0;/></a> </div>
---------------------------------
texto con Movimiento (Arriba-Abajo)
<marquee id=”ejemplo” direction=”up”>GRACIAS POR SU VISITA</marquee><a href=”javascript:void(0);” onclick=”getElementById(‘ejemplo’).direction=’down’;”>Hacia abajo</a>—<a href=”javascript:void(0);” onclick=”getElementById(‘ejemplo’).direction=’up’;”>Hacia arriba</a>
---------------------------------
Cuadro explicativo de los enlaces:
Sorprendé a tus visitantes con este asombroso truco. Al pasar el mouse sobre el link, aparece la explicación de ese link en un cuadro con la cantidad de palabras que queramos poner.
<p>
<script language="JavaScript"><!--
function escribe(frase){document.desplaza.cuadro.value=frase; }
// --></script>
</p>
<table border="0">
<tr>
<td width="200"><p align="center"><strong>Opciones.</strong></p>
<p><a href="http://www.pauluk.8k.com"
onmouseover="escribe(' Página principal\n ----------------\n\n Cuando hagas Click en este enlace irás directamente a la página de inicio de mi web');">Página
principal</a><br>
<a href="http://www.suweb.net/users/pauluk/trucosprin.htm"
onmouseover="escribe(' Trucos PC\n -----------\n\n Este enlace te llevará a la página de Trucos PC en la que podés encontrar muchos más trucos interesantes para realizar e incluir en tus páginas web');">Trucos PC</a><br>
<a href="http://www.suweb.net/users/pauluk/GLOSARIO.HTM"
onmouseover="escribe(' Glosario\n -------------- \n\n Diccionario de Términos Informáticos. Enterate el significado de esas palabras de computación que decís todos los días pero que no sabés exactamente qué significa.');">Glosario</a><br>
</p>
</td>
<td><form name="desplaza">
<p><textarea name="cuadro" rows="8" cols="30"
wrap="physical"></textarea></p>
</form>
</td>
</tr>
</table>
-----------------------------
Otra barra con mas colores:
A continuación veremos otro código para ponerle color a la barra de desplazamiento, en este caso vamos a poder personalizar los colores de la barra, del fondo y los bordes. Reemplazar los nombres de los colores por otros o por los código de letras y números. Mas abajo está la tabla de colores.
<style>
<!--
body { scrollbar-face-color: darkgreen ;
scrollbar-shadow-color: yellow;
scrollbar-highlight-color: violet;
scrollbar-3dlight-color: navy;
scrollbar-darkshadow-color: magenta;
scrollbar-track-color: blue;
scrollbar-arrow-color: black }
-->
</style>
Observación: para ver este truco, es necesario tener instalada las últimas versiones de los navegadores
------------------------------------
Transformar el cursor en una mira:
Transformá la clásica flechita de Windows en una mira de disparo.
<style type="text/css">
<!--
body { cursor: crosshair}
-->
</style>
_________________________________
RELOJ COLORIDO
<style type='text/css'>
.css1{
position:absolute;top:0px;left:0px;
width:16px;height:16px;
font-family:Arial,sans-serif;
font-size:16px;
text-align:center;
font-weight:bold;
}
.css2{
position:absolute;top:0px;left:0px;
width:10px;height:10px;
font-family:Arial,sans-serif;
font-size:10px;
text-align:center;
}
#control{ /* estilos del botón */
background: #e2e2e2; /* color de fondo */
color: #000; /* color del texto */
border: 1px #66CCCC solid; /* ancho y color de borde */
border-radius: 10px; /* redondeo de esquinas */
}
</style>
-------------------------------------
Esta web personal cumple hoy XXX días en Internet.
</script><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.2/webfont.js"></script><style type="text/css" data-creator="amazingslidercreator1">.amazingslider-wrapper-1 {display:block;position:relative;width:100%;height:auto;}.amazingslider-slider-1 {display:block;position:relative;left:0px;top:0px;width:100%;height:auto;}.amazingslider-box-1 {display:block;position:relative;left:0px;top:0px;width:100%;height:auto;}.amazingslider-swipe-box-1 {display:block;position:relative;left:0px;top:0px;width:100%;height:auto;}.amazingslider-space-1 {display:block;position:relative;left:0px;top:0px;width:100%;height:auto;visibility:hidden;line-height:0px;font-size:0px;}.amazingslider-img-box-1 {display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;}.amazingslider-lightbox-play-1 {display:none;position:absolute;left:50%;top:50%;cursor:pointer;width:64px;height:64px;margin-top:-32px;margin-left:-32px; background:url('https://padron.entretemas.com.ve/sliderengine/playvideo-64-64-0.png') no-repeat left top;}.amazingslider-play-1 {display:none;position:absolute;left:50%;top:50%;cursor:pointer;width:64px;height:64px;margin-top:-32px;margin-left:-32px; background:url('https://padron.entretemas.com.ve/sliderengine/playvideo-64-64-0.png') no-repeat left top;}.amazingslider-video-wrapper-1 {display:none;position:absolute;left:0px;top:0px;background-color:#000;text-align:center;}.amazingslider-error-1 {display:block;position:relative;margin:0 auto;width:80%;top:50%;color:#fff;font:16px Arial,Tahoma,Helvetica,sans-serif;}.amazingslider-video-wrapper-1 video {max-width:100%;height:auto;}.amazingslider-video-wrapper-1 iframe, .amazingslider-video-wrapper-1 object, .amazingslider-video-wrapper-1 embed {position:absolute;top:0;left:0;width:100%;height:100%;}</style><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald"><style type="text/css" data-creator="amazingslidercreator1" data-csstype="texteffect">.amazingslider-text-1 {display:block; padding:12px; text-align:left;} .amazingslider-text-bg-1 {display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#333333; opacity:0.6; filter:alpha(opacity=60);} .amazingslider-title-1 {display:block; position:relative; font:bold 14px "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial; color:#fff;} .amazingslider-description-1 {display:block; position:relative; font:12px "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial; color:#fff; margin-top:8px;} .amazingslider-button-1 {display:block; position:relative; margin-top:8px;} @media (max-width: 600px) {.amazingslider-title-1 {font-size:12px;} .amazingslider-description-1 {font-size:12px;} .amazingslider-button-1 {} } </style></head><body style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); height: 426px;" vlink="#800080" link="#0000ff">Esta web personal cumple hoy 180 días en Internet.
-----------------------------------------
Examples
Example 1 - Define keywords for search engines:
<meta name="libros y revistas en *.pdf" content="HTML, CSS, XML, XHTML, JavaScript">
Example 2 - Define a description of your web page:
<meta name="library and magazine in *.pdf" content="library and magazine in *.pdf">
Example 3 - Define the author of a page:
<meta name="JOSÉ LUIS PADRÓN CHACIN" content="JOSÉ LUIS PADRÓN CHACIN">
-----------------------------------------
CHAT
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5de3a818d96992700fca23ae/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
COMANDOS HTML
domingo, 19 de julio de 2020
lunes, 8 de agosto de 2016
HTML (HIPER TEXT MAKE LENGUAGE)
DESCRIPCION | INICIO | FINAL | COMENTARIOS | ||||||||||||||||||||||||||||||||||||||||||
Obligatorias | |||||||||||||||||||||||||||||||||||||||||||||
Principio de Documento | <html> | </html> | Toda la codificación debe estar incluida en estas etiquetas | ||||||||||||||||||||||||||||||||||||||||||
Encabezado | <head> | </head> | Dentro del encabezado se encontrará el título. | ||||||||||||||||||||||||||||||||||||||||||
Título | <title> | </title> | Es el texto que aparece en la barra de títulos del navegador | ||||||||||||||||||||||||||||||||||||||||||
Cuerpo | <body> | </body> | Cuerpo de la página | ||||||||||||||||||||||||||||||||||||||||||
Para toda la página | |||||||||||||||||||||||||||||||||||||||||||||
Color de Fondo | <body bgcolor="#RRVVAA"> | Permite colocar un color uniforme de fondo a toda la página. Este color estará formado por 3 números hexadecimales que indiquen: RR = tonalidad de color rojo VV = tonalidad del color verde AA = tonalidad del color azul | |||||||||||||||||||||||||||||||||||||||||||
Imagen de Fondo | <body background="nombreimagen.gif"> | nombreimagen.gifdeberá reemplazarse por el nombre de la imagen. Se recomienda utilizar formatos .gif o .jpg | |||||||||||||||||||||||||||||||||||||||||||
Colores de texto color de enlaces enlaces visitados | <body text="#RRVVAA" Link ="#RRVVAA" Vlink ="#RRVVAA" Alink ="#RRVVAA" | Permite definir los colores que se aplicarán en forma genérica para el texto como para los enlaces. El color está representado por un número hexadecimal | |||||||||||||||||||||||||||||||||||||||||||
Estilos | <style> | </style> | Permite definir un estilo de fuente, color, tamaño, etc para todo el documento. | ||||||||||||||||||||||||||||||||||||||||||
Meta | <meta name="description" content="comentarios" name="keywords" content="palabra1 palabra2 ... palabran"> | </meta> | Permite definir propiedades internas del documento. Name = "description" content = ”Será el resumen con que se publicará en el buscador. No utilizar más de 25 palabras" Name = "keywords" content = "podrán definirse palabras claves para que nuestro documento sea encontrado por los buscadores" | ||||||||||||||||||||||||||||||||||||||||||
Sonido | <bgsound src="xx.wav" loop=infinite/n> <embed src="xx.wav" width=200 height=55 autostart="true" loop="true" hidden="true"> | Ejecuta un archivo de sonido. xx.wav se debe reemplazar por el nombre del archivo; loop nindica la cantidad de veces que se repetirá. La etiqueta Embed con sus propiedades, se utiliza por las incompatibilidades de los navegadores. Con esta opción aparece una consola cuyas dimensiones se definen con Widtho Height y que puede ocultarse con Hidden = "true" | |||||||||||||||||||||||||||||||||||||||||||
Presentación de texto | |||||||||||||||||||||||||||||||||||||||||||||
Encabezamientos | <h1><h2>....<h6> | </h1></h2>....</h6> | Opciones de formato de texto para encabezados, | ||||||||||||||||||||||||||||||||||||||||||
Negrita Cursiva Subrayado | <b> <i> <u> | </b> </i> </u> | Coloca el texto incluido con éstos formatos. | ||||||||||||||||||||||||||||||||||||||||||
Parpadeo | <blink> | </blink> | El texto estará parpadeante | ||||||||||||||||||||||||||||||||||||||||||
Grande Pequeña | <big> <small> | </big> </small> | Agranda el texto Disminuye el texto | ||||||||||||||||||||||||||||||||||||||||||
Subíndice Superíndice | <sub> <sup> | </sub> </sup> | Representa el texto sobre el renglón o bajo el renglón. | ||||||||||||||||||||||||||||||||||||||||||
Color del Texto | <font color="#RRVVAA"> | </font> | Permite colocar un color a la fuente. El color está representado por un número hexadecimal. | ||||||||||||||||||||||||||||||||||||||||||
Tamaño del Texto | <font size="n"> | </font> | Define un tamaño de fuente específico. nrepre-senta un número del 0 al 7 al que luego podrán agregarle los signos + o - | ||||||||||||||||||||||||||||||||||||||||||
Tipo de fuente | <font face="nombre de fuente"> | </font> | Permite definir un nombre de Fuente específico. | ||||||||||||||||||||||||||||||||||||||||||
Estilo de fuente | <tt> | </tt> | Formato de fuente Courier de tamaño menor (Typewriter) | ||||||||||||||||||||||||||||||||||||||||||
Texto preformateado | <pre> | </pre> | Formato de fuente tipo Courier. Se representan los espacios en blanco | ||||||||||||||||||||||||||||||||||||||||||
Texto en Movimiento | <marquee>(texto) | </marquee> | Permite que un texto tenga movimiento. Pueden agregarse atributos para dimensionar la marquesina, para alinear el texto, para modificar tamaño, fuente y color. | ||||||||||||||||||||||||||||||||||||||||||
Línea Horizontal | <hr="n"> | No utiliza etiqueta de cierre | Traza un línea horizontal cuyo grosor está representado por “n” | ||||||||||||||||||||||||||||||||||||||||||
Espacio en Blanco |   | No utiliza etiqueta de cierre | Representa un espacio en blanco. | ||||||||||||||||||||||||||||||||||||||||||
Comentario | <!- comentario> | -> | Comentarios que no serán visibles en la pantalla. | ||||||||||||||||||||||||||||||||||||||||||
Caracteres especiales |
| Permiten que los caracteres especiales sean leídos por todos los navegadores en sus distintas versiones. La escritura de cada carácter comienza con el signo ampersand (&) y debe terminar con punto y coma (;) En esta tabla vemos como escribir algunos símbolos, signos, las letras Ñ y ñ, y las vocales acentuadas en mayúscula y minúscula. | |||||||||||||||||||||||||||||||||||||||||||
Presentación de párrafos | |||||||||||||||||||||||||||||||||||||||||||||
Alineaciones | <center> <left> <right> | </center> </left> </right> | Todo texto que se escriba entre estas etiquetas sufrirá esa alineación . | ||||||||||||||||||||||||||||||||||||||||||
Sangría | <blockquote> | </blockquote> | Se utiliza para destacar una cita. | ||||||||||||||||||||||||||||||||||||||||||
Parrafo | <p align= center*left*right*justify> | </p> | Realiza la separación entre párrafos, y la alineación de estos. | ||||||||||||||||||||||||||||||||||||||||||
Renglones en blanco | <br> | Permite dejar renglones en blanco | |||||||||||||||||||||||||||||||||||||||||||
Tratamiento de imágenes | |||||||||||||||||||||||||||||||||||||||||||||
Imagen Individual | <img src="nombreimagen.gif"> | Permite insertar una imagen en la página que estamos diseñando. El archivo de la imagen deberá estar ubicado en la misma carpeta que la página, caso contrario se deberá indicar su ruta de acceso | |||||||||||||||||||||||||||||||||||||||||||
Texto de la imagen | <img src="nombreimagen.gif" alt="texto"> | Coloca un texto que podrá leerse al pasar el puntero del ratón sobre la imagen o cuando ésta no se carga. | |||||||||||||||||||||||||||||||||||||||||||
Alineación del texto | <img src="nombreimagen.gif" align= top * middle * bottom> | Indicará la posición en que ubicaremos al texto que acompaña a la imagen Top Arriba *Middle Medio *Bottom Abajo | |||||||||||||||||||||||||||||||||||||||||||
Ancho Alto | <img src="nombreimagen.gif" width="n" height="n"> | Define el tamaño de la imagen Width = ancho * height = altura n = será un valor en pixeles | |||||||||||||||||||||||||||||||||||||||||||
Videos | <img dynsrc="archivi.avi" loop=infinite controls start= mouseover> | Permite agregar archivos de video. | |||||||||||||||||||||||||||||||||||||||||||
Listas | |||||||||||||||||||||||||||||||||||||||||||||
Lista numerada | <ol type= A * a * I * i start=n> <lh> título de la lista </lh> <li> Primera opción <li> Segunda opción <li> Tercera opción | </ol> | Se utiliza cuando las opciones deben ser numerados. La opción typerepresentan número o letras ystart indicará el número con que inicia. | ||||||||||||||||||||||||||||||||||||||||||
Lista no ordenada | <ul type=square * circle * disk> <lh> título de la lista </lh> <li> Primera opción <li> Segunda opción <li> Tercera opción | </ul> | Se utiliza cuando las opciones no presentan un orden determinado. La opción typerepresenta la viñeta. | ||||||||||||||||||||||||||||||||||||||||||
Lista con sangrado | <dl> <lh> título de la lista </lh> <dt> Primer tema <dd> Primer detalle <dd> Segundo detalle <dt> Segundo tema <dd> Tercer detalle <dd> Cuarto detalle | </dl> | Se utiliza cuando las opciones llevan un título y una definición | ||||||||||||||||||||||||||||||||||||||||||
Enlaces o Links | |||||||||||||||||||||||||||||||||||||||||||||
Enlace a otro URL | <a href="xxx"> yyy | </a> | xxx se debe reemplazar por la dirección URL destino del enlace. yyy es el texto indicativo que se leerá en la página. | ||||||||||||||||||||||||||||||||||||||||||
Enlace a un | <a href = "mailto:dirección e-mail"> texto indicativo del enlace | </a> | Te permite un enlace directo a tu cliente de correo predeterminado | ||||||||||||||||||||||||||||||||||||||||||
Marca para enlace dentro de la misma página (Ancla - Anchor) | <a href="#marca"> Texto de enlace al ancla | </a> | Referencia una posición a la que luego se accederá. | ||||||||||||||||||||||||||||||||||||||||||
Localizar enlace anterior | <a name="marca"> texto del ancla | </a> | Enlaza una posición previamente marcada, dentro de la misma página | ||||||||||||||||||||||||||||||||||||||||||
Enlace a otra página con marca, dentro del mismo sitio | <a href="ab.htm#marca"> texto indicativo del enlace | </a> | Enlaza a la posición establecida en marca, en la página ab.htm | ||||||||||||||||||||||||||||||||||||||||||
Enlace con imagenes | <a href="xxx"><img src="nombreimagen.gif"> | </a> | xxx se debe reemplazar por la dirección URL destino del enlace. nombreimagen.gifse debe reemplazar por el nombre de imagen seleccionado Enlaza a la dirección URL haciendo un click sobre la imagen. | ||||||||||||||||||||||||||||||||||||||||||
Tablas | |||||||||||||||||||||||||||||||||||||||||||||
Definición | <table> | </table> | Crea una tabla | ||||||||||||||||||||||||||||||||||||||||||
Bordes Color de Bordes | <table border=n bordercolor="#RRVVAA"> | n = representa al grosor del borde. También se podrá especificar el color del borde | |||||||||||||||||||||||||||||||||||||||||||
Separación entre celdas | <table cellspacing=n> | Las celdas podrán separarse por el nvalor | |||||||||||||||||||||||||||||||||||||||||||
Separación entre el borde y el contenido | <table cellpadding=n> | El contenido podrá estar separado del borde por el valor indicado en n | |||||||||||||||||||||||||||||||||||||||||||
Alto ancho | <table height=n o porcentaje width=n o porcentaje> | Se puede establecer un valor o un porcentaje para definir el tamaño de la tabla | |||||||||||||||||||||||||||||||||||||||||||
Color de Fondo o Imagen de Fondo | <table bgcolor="#RRVVAA" background="imagen.gif"> | Se puede establecer un color de fondo de toda la tabla o colocar una imagen de fondo | |||||||||||||||||||||||||||||||||||||||||||
Título | <caption align=top * bottom> texto del título | </caption> | Posibilita colocar un título a la tabla alineadotop=arriba obottom=abajo | ||||||||||||||||||||||||||||||||||||||||||
Definición de filas | <tr align=left*center*right valign=top*middle*bottom bgcolor="#RRVVAA"> | </tr> | Por cada fila que tenga la tabla deberá utilizarse esta etiqueta: se podrá establecer la alineación del contenido, la ubicación dentro de la fila y el color de fondo. | ||||||||||||||||||||||||||||||||||||||||||
Definición de títulos | <th align=left*center*right*justify*decimal valign=top*middle*bottom*baseline bgcolor="#RRVVAA"> | </th> | Permite definir los nombres de las columnas. | ||||||||||||||||||||||||||||||||||||||||||
Definición de datos o contenidos | <td align=left*center*right*justify*decimal valign=top*middle*bottom*baseline bgcolor="#RRVVAA"> | </td> | Coloca contenidos a cada celda | ||||||||||||||||||||||||||||||||||||||||||
Celda que ocupa muchas filas | <td rowspan=numero de filas> | </td> | Se puede combinar una celda para que ocupe muchas filas. | ||||||||||||||||||||||||||||||||||||||||||
Celda que ocupa muchas columnas | <td colspan=numero de columnas> | </td> | Se puede combinar una celda para que ocupe muchas columnas. | ||||||||||||||||||||||||||||||||||||||||||
Formularios | |||||||||||||||||||||||||||||||||||||||||||||
Definición | <form> | Inicia un formulario. Se utiliza para la entrada o el envío de datos. | |||||||||||||||||||||||||||||||||||||||||||
Acciones | <form action="mailto:direccion@email" method=post enctype="text/plain">Texto referente | Envía la respuesta inmediatamente a la dirección especificada en formato de texto. | |||||||||||||||||||||||||||||||||||||||||||
Introducción de datos | <input type="text" name="nombre del campo formulario" value="asignación de un dato" size="número" maxlenght="número"> | Ingresa un objeto dentro del formulario, se deberá definir el tipo de objeto, el nombre del campo formulario, el valor inicial que se le asigna, el tamaño máximo de visualización del campo y el tamaño máximo de caracteres que puede tener ese campo. Con el type = "text" no se asigna Value | |||||||||||||||||||||||||||||||||||||||||||
Opciones de type | button checkbox file hidden image password radio reset submit text | checkbox = se visualiza un cuadro de verificación, si deseamos que aparezca tildado agregamos CHECKED. password = el ingreso se representa con asteriscos. radio = visualiza botones de radio y permite que el usuario elija una opción entre varias. Se agregan tantos input como opciones deseamos. reset = visualiza un botón que al hacerle click borrará los datos. submit = visualiza un botón que al hacerle click enviará los datos. text = crea un campo para ingresar caracteres alfanuméricos | |||||||||||||||||||||||||||||||||||||||||||
Ingreso de un texto que ocupa muchas líneas | <textarea name="nombre del campo formulario" rows="cantidad de filas" cols="cantidad de columnas"> | </textarea> | Permite ingresar un texto extenso, por ejemplo comentarios | ||||||||||||||||||||||||||||||||||||||||||
Ingreso por medio de un menú | <select name="nombre del campo formulario"> <option>1º opción <option>2º opción <option>3º opción | </select> | Permite optar por los datos de un menú | ||||||||||||||||||||||||||||||||||||||||||
Frames o Marcos | |||||||||||||||||||||||||||||||||||||||||||||
Definición | <frameset> | </frameset> | Inicia la definición de un frame. | ||||||||||||||||||||||||||||||||||||||||||
Frames en columnas Frame en filas | <frameset cols="20%,80%"> <frameset rows="30%,70%> | Define dos frame en columnas ocupando uno el 20% de la pantalla y el otro el 80% restante. Define dos frame en filas ocupando una el 30% de la pantalla y la otra el 70% restante | |||||||||||||||||||||||||||||||||||||||||||
Contenido de cada frame | <frame src="frame1.htm"> <frame src="frame2.htm" name="principal"> | Define en que frame se cargará cada página. Se asignará unname en este casoprincipal para indicar que se visualicen allí los futuros enlaces | |||||||||||||||||||||||||||||||||||||||||||
Destino del frame | target="principal" | Se utiliza como atributo de un enlace e indica en que frame deberá visualizarse ese enlace. "_ blank" = se abrirá una nueva ventanadel navegador y se visualizará en ella. "_self" = el enlace se carga en el propio frame. "_top" = el enlace se carga a pantalla completa en la misma ventana, suprimiendo los otros frame. | |||||||||||||||||||||||||||||||||||||||||||
Atributos del tag frameset | border=0 frameborder=0 framespacing=0 | Border = 0 indica que no habrá huecos de separación entre frames (para Netscape). frameborder = 0indica que no habrá borde de separación entre frames. framespacing = 0indica que no habrá huecos de separación entre frames (para Explorer). | |||||||||||||||||||||||||||||||||||||||||||
Atributos del tag frame | frameborder="no" marginheight="número" marginwidth="número" name="nombre del frame" noresize scrolling="yes/no/auto" src="dirección.htm" | Frameborder =elimina los bordes de un frame marginwidth ymarginheight = definen el ancho y alto de los margenes del frame. name = define el nombre del frame. Noresize = indica que el fram no podrá redimensionarse. scrolling = inidca si tendrá o no barra de desplazamiento. src = indica el contenido del frame. | |||||||||||||||||||||||||||||||||||||||||||
Si el frame no puede visualizarse | <noframes> | </noframes> | Si el navegador no cuenta con la posibilidad de incluir Frames, con este tag puede definirse una dirección alternativa. Se coloca luego de los tag FRAME y llevan dentro un texto definifo entre los tag <body> </body> |
Suscribirse a:
Entradas (Atom)