HOME | DD
Pascua-Tanya — Codigos HTML Basicos
by-nc-nd
Published: 2013-01-30 15:39:46 +0000 UTC; Views: 113039; Favourites: 1404; Downloads: 27
Redirect to original
Description
Códigos HTML Básicos para Usuarios con y sin Membresía en DeviantArt.Formatos de Texto.
-Negrilla:
1. Usando la etiqueta HTML para negrilla. Ejemplo:
< b >Este texto en negrilla< / b>
DeviantArt lo mostrará así:
Este texto en negrilla
-Subrayado:
1. Usando la etiqueta HTML para subrayado. Ejemplo:
< u >Este texto subrayado< /u >
DeviantArt lo mostrará así:
Este texto en subrayado
-Cursiva:
1. Usando la etiqueta HTML para cursiva. Ejemplo:
< i >Este texto en cursiva< / i>
DeviantArt lo mostrará así:
Este texto en cursiva
-Tachado/Rayado:
1. Usando la etiqueta HTML para tachado/rayado. Ejemplo:
< s >Este texto tachado/rayado< / s>
DeviantArt lo mostrará así:
Este texto tachado/rayado
-Combinando/Mezclando algunos Formatos de Texto:
1. Usando las etiqueta HTML aprendidas anteriormente. Ejemplo:
< b >< u >< i >Este texto en negrilla, subrayado y en cursiva< /i >< /u >< /b >
DeviantArt lo mostrará así:
Este texto en negrilla, subrayado y en cursiva
-Texto más pequeño:
1. Usando la etiqueta HTML para disminuir el tamaño del texto. Ejemplo:
< small >Este texto más pequeño< /small >
(Ver Ejemplo en los Comentarios del Autor de esta publicación).
-Subíndice:
1. Usando la etiqueta HTML para subíndice. Ejemplo:
< sub >Este texto en subíndice< /sub >
DeviantArt lo mostrará así:
Texto de Referencia Este texto en subíndice
-Superíndice:
1. Usando la etiqueta HTML para superíndice. Ejemplo:
< sup >Este texto en superíndice< /sup >
DeviantArt lo mostrará así:
Texto de Referencia Este texto en superíndice
-Títulos, subtítulos y otros tamaños de texto:
1. Usando la etiqueta HTML para títulos, subtítulos y otros tamaños de texto. Ejemplo:
< h1 >Este texto como un título< /h1 >
DeviantArt lo mostrará así:
Este texto como un título
< h2 >Este texto como un subtítulo< /h2 >
DeviantArt lo mostrará así:
Este texto como un subtítulo
< h3 >Este texto con otro tamaño< /h3 >
DeviantArt lo mostrará así:
Este texto con otro tamaño
< h4 >Este texto con un tamaño diferente< /h4 >
DeviantArt lo mostrará así:
Este texto con un tamaño diferente
< h5 >Este texto con diferente tamaño< /h5 >
DeviantArt lo mostrará así:
Este texto con diferente tamaño
- Listas ordenadas:
1. Usando la etiqueta HTML para listas ordenadas. Ejemplo:
< ol >
< li >Esta es una lista ordenada< /li >
< li >Esta es una lista ordenada< /li >
< li >Esta es una lista ordenada< /li >
< /ol >
DeviantArt lo mostrará así:
- Listas desordenadas:
1. Usando la etiqueta HTML para listas desordenadas. Ejemplo:
< ul >
< li >Esta es una lista desordenada< /li >
< li >Esta es una lista desordenada< /li >
< li >Esta es una lista desordenada< /li >
< /ul >
DeviantArt lo mostrará así:
- Esta es una lista desordenada
- Esta es una lista desordenada
- Esta es una lista desordenada
-Alineación del Texto:
1. Usando la etiqueta correspondiente a los diferentes tipos de alineación del texto (Solo Funciona en Entradas de Journals, Blogs y algunos módulos editables del perfil).
<*div align="center">Este texto centrado
<*div align="right">Este texto a la derecha
<*div align="left">Este texto a la izquierda
<*div align="justify">Este texto justificado
(Quitar los asteriscos *)
-Citas/Aumentar Sangría:
1. Usando la etiqueta HTML para citas (la sangría aumenta). Ejemplo:
< blockquote >"Este texto es una cita y la sangría ha aumentado"< /blockquote >
DeviantArt lo mostrará así:
"Este texto es una cita y la sangría ha aumentado"
-Líneas Horizontales:
1. Usando la etiqueta HTML para líneas horizontales. Ejemplo:
< hr >
DeviantArt lo mostrará así:
________________________________________
Enlaces/Links.
-A una página web:
1. Copiando y pegando el enlace directamente a la zona de publicación (Journal, Comentario, etc). Ejemplo:
www.google.com
DeviantArt lo mostrará así:
[link]
2. Usando la etiqueda HTML para enlaces/links. Ejemplo:
< a href="www.google.com">Google< /a >
DeviantArt lo mostrará así:
-A un usuario o grupo de DeviantArt:
1. Usando el código para nombres de usuario en DeviantArt (No es HTML). (Ver Ejemplo en los Comentarios del Autor de esta publicación).
Usuario: :devDarkyd :
Grupo: :devAyu-dA :
-A un avatar de un usuario o grupo de DeviantArt:
1. Usando el código para avatares de usuario en DeviantArt (Ver Ejemplo en los Comentarios del Autor de esta publicación).
Usuario: :iconDarkyd :
Grupo: :iconAyu-dA :
-A una pregunta con respuesta de la sección de FAQ's de DeviantArt (Inglés):
1. Usando el código para FAQ's de DeviantArt (No es HTML).(Ver Ejemplo en los Comentarios del Autor de esta publicación).
Related content
Comments: 522
OH!! muy bueno, me sirve de mucho, hace días estaba pensando en esto mismo, muchas gracias
👍: 0 ⏩: 0
¡Hola somos Arely & Ivan!
Te venimos a pedir tu +watch, usted/es ya están/s,
¡Buen día/noche o dependiendo del tiempo que leas/n esto:').
Recuerda que FastAsALion es una cuenta de ediciones Lights/Cargadas/Vintage & Fantasía.
~#Arely&Ivan.
👍: 0 ⏩: 0
mil mil gracias!!! 
👍: 0 ⏩: 0
Ah vaya, si funciona casi tal cual el codigo html con las adiciones para iconos, usernames y deviations. Muchas gracias!
👍: 0 ⏩: 0
Hola
Debes quitar el guion que esta entre "icon" y "lalu" para que pueda funcionar 
Ejem: :iconlalumuppet : --->
Aquí debes quitar el espacio que esta al final del código para que se muestre el icon
👍: 0 ⏩: 1
Darkyd JasonSimesen <------- WAT
👍: 0 ⏩: 0
Muchas gracias... esto me servirá mucho! Mira, esto es genial!
👍: 0 ⏩: 0
Cierra la etiqueta final del código quitando el espacio
👍: 0 ⏩: 1
Si ahi lo habia arreglado, pero igual gracias, de verdad :'D
👍: 0 ⏩: 0
👍: 0 ⏩: 1
Hay un espacio entre "a" y "h" que es parte del código y que no se debe quitar. El código ya arreglado
< a href="www.google.com">Google< /a >
Quitas los espacios (menos el que esta entre a y h) y quedaría así:
Google
Espero que te sirva ^^
👍: 0 ⏩: 1
Ow O ya me salio xD
gracias igualmente
👍: 0 ⏩: 0
Gracias, muchísimas gracias ^w^ó
👍: 0 ⏩: 0
también se usan para el journal?
👍: 0 ⏩: 1
Si
👍: 0 ⏩: 0
Muchas gracias por el tutorial, me ha sido muy util!! ^^
👍: 0 ⏩: 1
Gracias me alegra que te sirva ^^
👍: 0 ⏩: 0
¿Como funciona el tema de los "div" para centrar un texto?
👍: 0 ⏩: 1
Los div para alinear el texto son los siguientes:
<*div align="center">Este texto centrado
<*div align="right">Este texto a la derecha
<*div align="left">Este texto a la izquierda
<*div align="justify">Este texto justificado
Al usar uno debes quitar los * para que pueda funcionar . Lo que pasa en la guía de códigos HTML es que aparecen con el efecto pero no se muestra el puro código
👍: 0 ⏩: 0
Hola
Debes quitar los espacios en el codigo para que funcione
👍: 0 ⏩: 1
Los códigos 👍: 0 ⏩: 0
Para que funcione debes quitar los espacios en el còdigo
👍: 0 ⏩: 0
PARA QUE SIRVE EL "FAQ" ?????
👍: 0 ⏩: 1
FAQ es "Frequently Answer Questions", que en español es "Preguntas y Respuestas Frecuentes". DeviantART tiene su secciòn de FAQs (solo en Inglés) que es:
help.deviantart.com/
El codigo :faqxxx: es el còdigo de las FAQs de dA. Cada una tiene su codigo. Si quieres señalar alguna en tus comentarios solo debes copiar el còdigo y pegarlo en el comentario
Por ejem: :faq104 : ---> FAQ #104: What HTML formatting can we use on deviantART? And what is the format for these codes?
👍: 0 ⏩: 0
Hola
Hay codigos que puedes utilizar para colocar imágenes (de cualquier formato, incluido el GIF) tanto en las descripciones de los widgets de tu perfil como en las de tus deviations, y también en tus journal:
1-Codigos Thumb: El código Thumb es un còdigo que todas las deviations tienen y que se usa para mostrar las miniaturas de las mismas. El Thumb de una deviation se encuentra dentro de la misma, en el apartado "Details". Lo copias y lo pegas en tu journal . Haces lo mismo con otras deviations.
Las descripciones de tus widgets (Incluyendo el ID) aceptan el Thumb . También puedes usarlo en la descripciòn de tus deviations (el uso de Thumbs en este espacio esta limitado a los usuarios Premium. En otros espacios como el perfil y el journal es libre su uso).
2-Codigos de Imagen: Puedes utilizar còdigos HTML que te permiten mostrar imágenes de dA e imágenes externas al sitio. Estos son los códigos:
Puedes usar cualquiera de los dos pero te recomiendo más el segundo porque te permite ajustar el tamaño de las imágenes que quieres mostrar . El enlace directo de la imagen es aquel que termina en el formato de la misma: JPG, PNG o GIF, según sea el caso .
Estos codigos puedes usarlos en cualquier parte de tu perfil (incluyendo el ID) y en tus journals, pero no en la descripción de tus deviations ya que ese espacio no los acepta .
Espero que te sirva
👍: 0 ⏩: 1
Ahh Gracias Pero... Podrias hacer un Tutorial luego me pasas el link?? PLZ
👍: 0 ⏩: 1
De nada
Ya hay un tutorial realizado sobre los Thumbs:
Al principio dice que necesitas Premium pero este tutorial fue realizado antes de que el uso de los Thumbs se volviera gratuito en la mayoria de las secciones de dA. Solo se necesita la Premium para usar los Thumbs en comentarios, en la descripción de tus deviations, de tu galeria y en temas de foros de dA
👍: 0 ⏩: 0
👍: 0 ⏩: 1
Hola
Separà la "a" de la "h", dejando un espacio entre ambas letras. Luego coloca comillas al principio y al final del enlace. Al presionar el botòn "Preview" podràs ver que la palabra "link" ahora si se muestra como enlace
👍: 0 ⏩: 1
<= Prev | | Next =>