PROFILE ENTRY
Enseñando Html
lunes, 25 de marzo de 2013 | 14:39 | 0 comments


Holiss
Como estan?
espero que super bien al igual que yo
Pues andaba aqui nomas y algunas de ustedes no saben mucho del HTML pues aqui les dejo lo principiante okis :)
Da creditos si usaas la entradita

HTML es el lenguaje (códigos) con el que se editan las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web.
El Html sirve para editar tu web y quede mas boniss para decirlo así.

Primero lo que debes saber del Html es que 






1.-Textarea


El textarea es donde poner un code con una cajita donde poded poner tu code o texto.

1.-Normal


<textarea>Texto o código</textarea>

Donde dice texto o codigo poned tu code o texto


Resultado








2.-Con un botoncito para copiar el code



<center><form name="select_all"><textarea rows="10" cols="30" name="text_area">AQUI VA EL TEXTO O CODIGO A MOSTRAR</textarea><input value="Nombre del botoncito" onclick="javascript:this.form.text_area.focus();this.form.text_area.select();" type="button"/></form></center>


Resultado



 




3.-sin cajita



<span id="fullpost"><div align="center"><pre style="overflow: auto; width: 410px; height: 160px;"><div align="left"><span >AQUI EL TEXTO O POST</span></div></pre></div>

Height:altura

Width:ancho

Resultado






Olasss nyaa~~




4.-Sin caja y con imagencita


<span id="fullpost"><div align="center"><pre style="overflow: auto; width: 410px; height: 160px;"><div align="left"><span ><img src="URL de tu imagencita"/>AQUI EL TEXTO O POST</span></div></pre></div>

Widht:ancho

Height:altura


Resultados




nyaa~~ nyaa~~ nya~~



2.-Imagen con link


Una imagensita que al darle click en ella ira al link que pusiste


<a href="URL entrada o blog etccc" target="_self"> <img src="URL de tu imagencita" border="0" alt="" /></a>

Resultados







Bnooo...eso ami me parece lo principiante lo mas facilito 
3.-Las imágenes 
Las imagenes se colocan en gadgets o en la plantilla para mejorar tu bloggi
Cuando quieras poner una imagen con HTML debes poner este code
<img src="Url de tu imagen"/>
Donde dice Url de tu imagen debes poner el Url de la imagen que quieres poner para el gadget o la edición en la plantilla.







4.-Bordes
En tu plantilla donde la editas y tbn en los gadget aveces te aparecera esto border:1px Solid
Eso es un borde para un widget o para tu blog 
Para editar lo que debemos cambiar en Solid por alguno de estos
y tbn cambiamos donde dice 1px por 2px o 3px etc (es el grueso del borde)


(click para ver mas grande)



5.-Marquee
Algunas de ustedes se preguntaran que es marquee , marquee es un codigo que se usa para editar un texto y tenga un efecto de movimiento 
Para utilizar el marquee debes poner uno de estos codes

1.-De derecha a izquierda centrada y se detiene al terminar

<marquee behavior="slide" direction="left">Texto</marquee>

Resultado

Holis espero que te guste la entrada y comentes





2.-De derecha a izquierda centrada y sigue no se detiene


<marquee behavior="scroll" direction="left">Cometa en esta entradita y sigue visitando mi bloggi</marquee>


Resultado



Blaah~blaaahh~~





3.-De abajo a arriba centrado


<marquee  behavior="scroll" direction="up">Nyyaa~nyaa~</marquee>


Resultado


Como tan nyaa nyaaa~





4.- de izquierda a derecha y resalta y se va despues de derecha a izquierda



<marquee behavior="alternate">Lolllol nyaa nyaaa~~~</marquee>


Resultado



Commentt,,followme,nyaa~~






5.-3 textitos uno centrado otro derecho y otro izquierdo que va de derecha a izquierda


<marquee behavior="scroll" direction="left" scrollamount="1">Textito de arriba</marquee>

<marquee behavior="scroll" direction="left" scrollamount="10">Textito de el medio</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20">Textito de abajo</marquee>

Resultado



Blaaaahh~~ Comment Follow me nyaa~~






6.Marquee con imagenes


<marquee behavior="scroll" direction="left"><img src="Url de tu imagen" width="100" height="100" alt="smile" /></marquee>


Donde dice Height es la altura y width es ancho.




Si quieres varias imagenes vas poniendo


<img src="Url de tu imagen" width="100" height="100" alt="Nombre" /> 

antes de </span>



Url de tu imagen :La url de la imagen


Nombre:El textito que quieres que aparesca

Donde dice Scroll puedes cambiar por
-Alternate:que vaya de derecha a izquierda



Y donde dice Left podemos cambiarlo

-Up:Que vaya hacia arriba

Resultados



animeanimeanimeanimeanimeanime



Espero y les haya gustado commentt pleasee...




Credits a  luci~nyaa~~ por las imagenes de anime
Espero y les haya servido de algo



Credits a luci~~ por las imagencitas de anime

0 comentarios:

Publicar un comentario

*No insultos
*No recramar credits solo dimelo con calma xP
*Los pedidos son solo de 2 a 4 por dia

... Back to the blog?