Página principal  |  Contacto  

Correo electrónico:

Contraseña:

Registrarse ahora!

¿Has olvidado tu contraseña?

sιʟӘnтuz♚doʟʟ
 
Novedades
  Únete ahora
  Panel de mensajes 
  Galería de imágenes 
 Archivos y documentos 
 Encuestas y Test 
  Lista de Participantes
   
   
 私は気にしない-✯ 
 STOP, DROP & ROLL✯ 
 ▽ ιn my head 
 ▽ buddιes 
   
 Greenjello━━━❤ 
 ▲ retroaction  
   
 「5 SENSES。」 
 » Bluestar 
 » Monthly 
 » shout up 
 » Vududoll 
   
 ▽ αerobox 
 ▽ resourx 
 ▽ starkprix 
   
  
   
 
 
  Herramientas
 
♦{tutoriales}: (HTML) Básico de HTML.
Elegir otro panel de mensajes
Tema anterior  Tema siguiente
Respuesta  Mensaje 1 de 9 en el tema 
De: rosнιo*  (Mensaje original) Enviado: 11/04/2011 20:46
DATOS BÁSICOS DE HTML
Todo administrador de un grupo en internet debe saber lo mínimo en
lenguaje HTML que es con lo que se elaboran las páginas web, así como
el lenguaje o códigos de CSS. Dejaré aquí algunas bases para modificar
cosas en lenguaje HTML espero que les sirvan.
 
HTML significa en inglés HyperText Markup Language, es decir,
Lenguaje de Marcas de Hipertexto. Este lenguaje se escribe mediante etiquetas,
que son especificadas por corchetes angulares (< y >).
 
QUE SIGNIFICA:
A HREF = Crea un enlace a otra página o a otro sitio de la misma página.
BR = Salto de línea o espaciado entre párrafos.
IMG = Inserta una imagen en la página.
TD = Define una columna al usar tablas.
TH = Define el encabezado al usar tablas.
TR = Define una fila al usar tablas.
HEIGHT = Altura, medida en pixeles.
WIDHT = Anchura, medida en pixeles.
ALT = Texto oculto.
SRC = Especifica donde esta el gráfico o imagen (url).
 
Como poner una imagen simple:
<#img src="url de la imagen" > ó <#img src="urldeimagen" />
 
Puedes ser más especifico si quieres con el tamaño, el borde, etc.
<#img src="url de la imagen" height:"100" widht="100" alt="texto para tu imagen" />
 
Imagen linkeada, no olvides poner border 0 para que no tenga ese feo borde azul:
<#a target="_blank" href="url de tu pagina><#img src="url de la imagen" border="0" /><#/a>
 
QUÉ SIGNIFICA -
SPAN - Es un conjunto de etiquetas dentro de los mismos corchetes (< >).
ALIGN - Alineación (center, right, left, justify)
FONT FAMILY - Especifica el tipo de fuente/tipografia (arial, tahoma, times new roman, etc)
COLOR - Especifica el color (black, red, white); (128, 34, 60) o también (#000000).
LINE HEIGTH: Es el espacio entre las líneas de un parrafo, mientras más px tenga menos espacio habrá.
LETTER SPACING - Es el espacio entre las letras, (-) o (+).
SIZE - Es el tamaño de la letra medida en puntos.
 
Para editar texto mediante html:
<#span style="line-heigth:12px; font-family: arial; color:black;
font-size: 14pt; letter-spacing: -2px;">Tu texto aquí<#/span>
 
Aquí otra forma de editar texto:
<#font face="...">...<#/font> - Fuente de la letra
<#font color="...">...<#/font> - Color de la letra
<#font size="...">...<#/font> - Tamaño de la letra
 
Si utilizas algún código de aquí no olvides quitarle el # para que te salga correctamente,
yo se lo he puesto para que pudiera verse aquí y no lo reconociera como lenguaje.
 
Si tienes más dudas puedes preguntarme o si necesitas ayuda también ;)


Primer  Anterior  2 a 9 de 9  Siguiente   Último  
Respuesta  Mensaje 2 de 9 en el tema 
De: rosнιo* Enviado: 11/04/2011 20:53
OTRAS ETIQUETAS DE TEXTO
Aquí les dejo otras etiquetas básicas para editar texto:
<#B> - Negrita
<#I> - Cursiva
<#U> - Subrayado
<#CITE> - Citar
<#CODE> - Código
<#STRIKE> - Tachado
<#BIG> - Agranda texto.
<#SMALL> - Achica texto.
 
Nota: No todas las etiquetas funcionan en Gabito.

Respuesta  Mensaje 3 de 9 en el tema 
De: ч υ ι ♥ L α ω l ι ә т Enviado: 20/04/2011 05:05
para mi que tengo un foro me serviran muchisimo
gracias ♥ :)

Respuesta  Mensaje 4 de 9 en el tema 
De: rosнιo* Enviado: 20/04/2011 18:28
Si es super importante conocer lo mínimo de HTML para
los que manejamos cualquier sitio de internet, asi podemos
modificar y arreglar a nuestro gusto *__*

Respuesta  Mensaje 5 de 9 en el tema 
De: ~Ariadne Enviado: 04/07/2011 12:17
sdsdffsdfd!! grandioso tutoooooooooooooooooo!! *-----------------------*
thanks thanks thanks Ross!! ;U; para sonsas
como yo esto vale 10000000!! thanks de vdd <333
*vitorea*

Respuesta  Mensaje 6 de 9 en el tema 
De: Аlleine Enviado: 04/07/2011 21:10

Respuesta  Mensaje 7 de 9 en el tema 
De: mary1992 Enviado: 23/09/2011 18:27
Gracias por el tuto, Roshio
Me ha servido de mucho n_n
No sé si se podria pedir que hicieras un tuto de como se hace un layout
más o menos sencillo pero que quede bien & explicases también como se coloca (los códigos, etc)
Ahí dejo la idea xD
Enhorabuena por el GG, está precioso n_n




Respuesta  Mensaje 8 de 9 en el tema 
De: rosнιo* Enviado: 27/09/2011 16:37
Me alegra mucho que te sirviera Mary :D
y si estoy trabajando en varios tutoriales
que quiero subir entre ellos como montar un 
layout sencillo y una renovación del tutorial 
para efectos de blends :)

Respuesta  Mensaje 9 de 9 en el tema 
De: coy-chan Enviado: 29/09/2011 21:15
Deberas te lo agradesco mi Ross -bueno no es mia XD-
*7*/ sera de mucha ayuda tu tuto x3!
 
cyacya owo


Primer  Anterior  2 a 9 de 9  Siguiente   Último  
Tema anterior  Tema siguiente
 
©2024 - Gabitos - Todos los derechos reservados