P
PosteameloMuseo de Posts de Taringa!
Explorar Archivo
InicioCiencia EducacionSúper post html básico

Súper post html básico

Ciencia Educacion•8/29/2011
#Basico#html#hacer blogs#bloquear imagenes html

Hola

Para empezar HTML (Hyper Text Markup Languaje) es el "idioma" de las paginas web junto con un redactor se puede poner y leer toda clase de contenido en las paginas web el html es básicamente ingles lean para saber por que ...

Letras

<b>Letra en Bold</b> = Letra en Bold
<i>Letra en italica</i> .Letra en italica
<u>Letra subrayada</u>.................Letra subrayada

<font face="Arial" color="orange" size=1>entre medio de estas 2 etiquetas debe ir el mensaje</font>

Size es el tamaño de la letra para agrandar la letra pongan un numero mayor a gusto

COLOR (OBVIO) es el color (green,blue,red,orange,yellow)

ustedes lo personalizan


Imágenes

para poner una imagen simplemente usar este codigo

<img src="http://blog.educastur.es/libretina/files/2008/01/marmota.jpg">

resultado....



claro no van a querer esta imagen así que cambian el link de la marmota por el link de su imagen

si quieren una imagen que al darle click vaya a una web ponen

<a href="www.taringa.net"><img src="http://blog.educastur.es/libretina/files/2008/01/marmota.jpg"></a>

esto hará que lo dicho anteriormente

Bloquear una imagen

<div align="left" style=background:url(http://blog.educastur.es/libretina/files/2008/01/marmota.jpg)no-repeat;height:330px;width:440px title="marmota" id="hplogo" onload="window.lol&&lol()"></div>

así al hacer click derecho saldra en google chrome atras,cargar de nuevo,imprimir etc.

y recuerden cambiar la url de la marmota por la de su imagen

cambian el
Alto ( height)
ancho (width )

por el de su imagen y la descripción (title) (por la descripción de su imagen)

Colores

http://html-color-codes.com/

los colores por codificación (números raros)

los colores según su nombre (colores pero en ingles)

Red
Blue
yellow
black
white (blanco)
green
orange

http://proinf.net/permalink/nombres_de_colores_html


Scripts

Los scripts son acciones o codisgos de mando que indican a algo que hacer a la pagina web o blog

<meta http-equiv="Refresh"
content="5;url=http://www.taringa.net/">

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= es el tiempo en que tarda en redirigirá pongan 1 y al se tardara un segundo en
redirigir

_______________________________________________

<SCRIPT LANGUAGE="javascript">

var getin = prompt("Acceso Denegado!!! - Necesitas un Password para poder entrar"; )
if (getin!="erix1998"; )
{location.href='www.taringa.net'}
else
{alert('Acceso Permitidohaz click en aceptar para entrar ')}

</SCRIPT>

A lo naranjo le quitan el espacio entre ; y )

Crea un acceso limitado especial si tu web tiene contenido privado a través de una clave secreta. Cambia lo que está en rojo para más opciones. El texto en verde (erix1998) es la clave de ingreso a la página.. el color celeste
es la pagina que quieras que redireccione si se equivocan de contraseña

_____________________________________________________

<script language="Javascript">
<!-- Begin
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false"; )
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
// End -->
</script>

desactiva la selección de texto de tu pagina web para que no te quiten contenido u otras cosas
____________________________________________________________


Crear tablas

compara y organiza imagenes textos y mas cosas con tablas htmlcrear una tabla con 2 columnas
<table border=1><td>titulo Columna #1</td><td> titulo Columna #2</td><tr><td>Contenido Bajo Columna#1<td>Contenido Bajo Columna#2</td></table>

Tabala con 1 columna perzonalizada (Tabla con borde de color blanco (white) y fondo negro (black). El color de letra (font color) es blanco)

<table border=1 bordercolor="white" bgcolor="black"><td><font color="white"> el contenido de tu tabla ☺☻♦♣ </font></td></table>


______________________________________________________
Y por ultimo poner emoticones en blogger


Debes ir a tu plantilla de blogger: Diseño > Edicion HTML y darle click a Expandir plantillas de artilugios una vez estando ahi tienen que buscar </head>

Un truco para buscar codigos en la plantilla de blogger es presionar Ctrl+g esto despliega una pequeña ventanita donde introduces lo que quieres buscar

Bueno una vez lo hayas encontrado tienes que pegar arriba del </head> el codigo




<!-- (Script Emoticones) -->
<script type='text/javascript'>
//<![CDATA[
document.getElementsByClassName = function(clsName){
var retVal = new Array();
var elements = document.getElementsByTagName("*";
for(var i = 0;i < elements.length;i++){
if(elements.className.indexOf(" " >= 0){
var classes = elements.className.split(" ";
for(var j = 0;j < classes.length;j++){
if(classes[j] == clsName)
retVal.push(elements);
}
}
else if(elements.className == clsName)
retVal.push(elements);
}
return retVal;
}


function addSmiley(){
var postBodyClass = (postBodyClass) ? postBodyClass : 'post-body';
var d = document.getElementsByClassName(postBodyClass);
for(var i=0;i<d.length;i++){
d.innerHTML = d.innerHTML.replace(/:-)/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon0.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/:-S/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon1.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/:-P/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon2.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/:-[/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon3.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/:-D/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon4.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/}:-]/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon5.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/x*/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon6.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/;-D/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon7.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/:-|/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon8.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/:-}/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon9.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/:*)/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon10.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/:-(/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon11.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/;-)/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon12.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/XD/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon13.gif" style=border:0;margin:0;padding:0; id="new" /> ');
}


var d = document.getElementsByClassName('comment-body');
for(var i=0;i<d.length;i++){
d.innerHTML = d.innerHTML.replace(/:-)/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon0.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/:-S/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon1.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/:-P/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon2.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/:-[/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon3.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/:-D/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon4.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/}:-]/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon5.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/x*/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon6.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/;-D/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon7.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/:-|/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon8.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/:-}/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon9.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/:*)/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon10.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/:-(/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon11.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/;-)/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon12.gif" style=border:0;margin:0;padding:0; id="new" /> ');
d.innerHTML = d.innerHTML.replace(/XD/gi, ' <img src="http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon13.gif" style=border:0;margin:0;padding:0; id="new" /> ');
}
}


function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}


addLoadEvent(addSmiley);
//]]>
</script>
<!-- (Fin Script Emoticones) -->




nuevamente apretar ctrl + g y buscar ( con la casilla expandir artilugios maracada )


<p><data:blogCommentMessage/></p>


y abajo pegar


<!-- ini tabla emoticones -->
<table border='0' cellpadding='0' cellspacing='1'>
<tr>
<td align='center' width='26'><img height='21' src='http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon0.gif' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon1.gif' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon2.gif' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon3.gif' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon4.gif' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon5.gif' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon6.gif' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon7.gif' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon8.gif' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon9.gif' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon10.gif' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon11.gif' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon12.gif' width='20'/></td>
<td align='center' width='26'><img height='20' src='http://i754.photobucket.com/albums/xx182/zavaletaster/emoticon13.gif' width='20'/></td>
</tr>
<tr>
<td align='center' width='26'>:-)</td>
<td align='center' width='26'>:-S</td>
<td align='center' width='26'>:-P</td>
<td align='center' width='26'>:-[</td>
<td align='center' width='26'>:-D</td>
<td align='center' width='26'>}:-]</td>
<td align='center' width='26'>X*</td>
<td align='center' width='26'>;-D</td>
<td align='center' width='26'>:-|</td>
<td align='center' width='26'>:-}</td>
<td align='center' width='26'>:*)</td>
<td align='center' width='26'>:-(</td>
<td align='center' width='26'>;-)</td>
<td align='center' width='26'>XD</td>
</tr>
</table>
<!-- fin tabla emoticones -->




eso fue todo si descubro mas ahí pondré mas por mientras dejen puntos
Saludos
Datos archivados del Taringa! original
1puntos
0visitas
0comentarios
Actividad nueva en Posteamelo
0puntos
1visitas
0comentarios
Dar puntos:

Dejá tu comentario

0/2000

Autor del Post

E
Erix1998🇦🇷
Usuario
Puntos0
Posts3
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

LEGAL

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.