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
Donde dice texto o codigo poned tu code o texto
Resultado
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
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
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
3.-De abajo a arriba centrado
<marquee behavior="scroll" direction="up">Nyyaa~nyaa~</marquee>
Resultado
4.- de izquierda a derecha y resalta y se va despues de derecha a izquierda
<marquee behavior="alternate">Lolllol nyaa nyaaa~~~</marquee>
Resultado
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
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
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?