Shop Forum More Submit  Join Login
creado: 17 de enero del 2013
última actualización: 03 de febrero del 2018


C  Ó   D   I   G   O  S    H   T   M  L .


Estos son algunos códigos HTML básicos para usuarios de DeviantART.


En este Journal explicaré los códigos HTML más útilizados. Por favor utiliza "PREVIEW" antes de. La simple razón es para evitar el SPAM.
Si quieres probar algún código hazlo en tu perfil ¡y no aquí!

Gracias a Dios dA ha venido con varias actualizaciones que facilitan el uso de los códigos por medio de opciones como el Sta.shWriter para los journals, sin embargo si lo que quieren es perzonalizar el texto de sus comentarios, deviations, cajas de ID, etc. espero les sea de ayuda.
Gracias por todos los comentarios y favoritos I love deviantART! .



» RETIRA LOS ASTERÍSCOS. *

» RETIRA LOS ASTERÍSCOS. *

» RETIRA LOS ASTERÍSCOS. *


***
Para evitar confusiones estaré agregando imágenes de cómo deben verse (escritos) los códigos HTML sin los asteriscos los cuales, reitero, deben borrar.





»CÓDIGOS BÁSICOS.

[Funcionan en todos los sitios que DeviantArt ofrece; Deviations en literatura, Journal, comentarios, etc.]


Icono

:iconnombre-de-usuario: 
así debería escribirse
DeviantArt lo mostrará así: :iconimaria-roa:
[Tambíen funciona con grupos]


Usuario.

:devnombre-de-usuario:

DeviantArt lo mostrará así: iMaria-Roa
[Tambíen funciona con grupos]


Negrilla.

<b*> Este texto en negrilla.  <*/b>  

DeviantArt lo mostrará así: Este texto en negrilla.


Subrayado.

<u*> Este texto subrayado. <*/u>

DeviantArt lo mostrará así: Este texto subrayado.


Cursiva.

<i*> Este texto en cursiva. <*/i>

DeviantArt lo mostrará así: Este texto en cursiva.


Tachado.

<s*> Este texto tachado/rayado. <*/s>

DeviantArt lo mostrará así: Este texto tachado/rayado.


Letra sin formato.

<tt*>Este texto sin formato. <*/tt>

DeviantArt lo mostrará así: Este texto sin formato. 


Combinando formatos de Texto.

<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.

<small*> Este texto más pequeño. <*/small>

DeviantArt lo mostrará así: Este texto más pequeño.


Subíndice.

<sub*> Este texto en subíndice. <*/sub>

DeviantArt lo mostrará así: Este texto en subíndice. 


Superíndice.

<sup*> Este texto en superíndice. <*/sup>

DeviantArt lo mostrará así: Este texto en superíndice.


Enlaces a una página web.

<*a href="Link aquí"> Texto <*/a>

DeviantArt lo mostrará así:







» TÍTULOS, SUBTÍTULOS & OTROS TAMAÑOS DE LETRA.

[No aplican para comentarios. Los códigos <h1> etc. funcionan en la descripción de una deviantion. Todos funcionan en Personalizacion de tu dA y Deviations de literatura]

<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.






»FUENTES DE LETRA.

[ La fuente de letrade dA es Verdana pero este código te permite brindarle a tu texto mayor personalización por medio de más fuentes, no funciona en comentarios]

Código: <*font face="Arial">Texto en Fuente Arial
dA lo mostrará así: Texto en Fuente Arial


Código: <*font face="Arial Black">Texto en Fuente Arial Black
dA lo mostrará así: Texto en Fuente Arial Black


Código: <*font face="Arial Narrow">Texto en Fuente Arial Narrow
dA lo mostrará así:  Texto en Fuente Arial Narrow


Código: <*font face="Book Antiqua">Texto en Fuente Book Antiqua
dA lo mostrará así:  Texto en Fuente Book Antiqua


Código: <*font face="Century">Texto en Fuente Century
dA lo mostrará así: Texto en Fuente Century


Código: <*font face="Century Gothic">Texto en Fuente Century Gothic
dA lo mostrará así:  Texto en Fuente Century Gothic


Código: <*font face="Comic Sans MS">Texto en Fuente Comic Sans MS
dA lo mostrará así: Texto en Fuente Comic Sans MS


Código: <*font face="Courier">Texto en Fuente Courier
dA lo mostrará así:  Texto en Fuente Courier


Código: <*font face="Courier New">Texto en Fuente Courier New
dA lo mostrará así: Texto en Fuente Courier New


Código: <*font face="Franklin Gothic Medium">Texto en Fuente Franklin Gothic Medium
dA lo mostrará así: <*font face="Franklin Gothic Medium">Texto en Fuente Franklin Gothic Medium


Código: <*font face="Garamond">Texto en Fuente Garamond
dA lo mostrará así: Texto en Fuente Garamond


Código: <*font face="Georgia">Texto en Fuente Georgia
dA lo mostrará así: Texto en Fuente Georgia


Código: <*font face="Haettenschweller">Texto en Fuente Haettenschweller
dA lo mostrará así:   Texto en Fuente Haettenschweller


Código: <*font face="Impact">Texto en Fuente Impact
dA lo mostrará así: Texto en Fuente Impact


Código: <*font face="Lucida Console">Texto en Fuente Lucida Console
dA lo mostrará así: Texto en Fuente Lucida Console


Código: <*font face="Lucida Sans Unicode">Texto en Fuente Lucida Sans Unicode
dA lo mostrará así:  Texto en Fuente Lucida Sans Unicode


Código: <*font face="Microsoft Sans Serif">Texto en Fuente Microsoft Sans Serif
dA lo mostrará así: Texto en Fuente Microsoft Sans Serif


Código: <*font face="Monotype Corsiva">Texto en Fuente Monotype Corsiva
dA lo mostrará así:  Texto en Fuente Monotype Corsiva


Código: <*font face="MS, Reference, sans-Serif">Texto en Fuente MS, Reference, sans-Serif
dA lo mostrará así:  Texto en Fuente MS, Reference, sans-Serif


Código: <*font face="Palatino Linotype">Texto en Fuente Palatino Linotype
dA lo mostrará así:  Texto en Fuente Palatino Linotype


Código: <*font face="Sans Serif">Texto en Fuente Sans Serif
dA lo mostrará así:  Texto en Fuente Sans Serif


Código: <*font face="Serif">Texto en Fuente Serif
dA lo mostrará así:  Texto en Fuente Serif


Código: <*font face="Small fonts">Texto en Fuente Small fonts
dA lo mostrará así: Texto en Fuente Small fonts


Código: <*font face="Stencil Std">Texto en Fuente Stencil Std
dA lo mostrará así:  Texto en Fuente Stencil Std


Código: <*font face="Sylfaen">Texto en Fuente Sylfaen
dA lo mostrará así: Texto en Fuente Sylfaen


Código: <*font face="Tahoma">Texto en Fuente Tahoma
dA lo mostrará así: Texto en Fuente Tahoma


Código: <*font face="Tempus Sans ITC">Texto en Fuente Tempus Sans ITC
dA lo mostrará así:  Texto en Fuente Tempus Sans ITC


Código: <*font face="Terminal">Texto en Fuente Terminal
dA lo mostrará así:  Texto en Fuente Terminal


Código: <*font face="Times New Roman">Texto en Fuente Times New Roman
dA lo mostrará así: Texto en Fuente Times New Roman


Código: <*font face="Trebuchet MS">Texto en Fuente Trebuchet MS
dA lo mostrará así: Texto en Fuente Trebuchet MS


Código: <*font face="Verdana">Texto en Fuente Verdana
dA lo mostrará así: Texto en Fuente Verdana


Código: <*font face="Vladimir Script">Texto en Fuente Vladimir Script
dA lo mostrará así: Texto en Fuente Vladimir Script


Código: <*font face="Viner Hand ITC">Texto en Fuente Viner Hand ITC
dA lo mostrará así: Texto en Fuente Viner Hand ITC





»ALINEACIÓN DE TEXTO.

[Solo Funciona en Journals, Blogs y algunos módulos editables del perfil.]


Centrado.

<*div align="center"> Este texto centrado. <*/div>
DeviantArt lo mostrará así:
Este texto centrado.




A la derecha.

<*div align="right"> Este texto a la derecha. <*/div>
DeviantArt lo mostrará así:
Este texto a la derecha.




A la izquierda.

<*div align="left"> Este texto a la izquierda. <*/div>
DeviantArt lo mostrará así:
Este texto a la izquierda.







»CITAS/AMUMENTAR SANGRÍA.

<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."





»LISTAS.


 Ordenadas.

<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í:

  1. Esta es una lista ordenada.

  2. Esta es una lista ordenada.

  3. Esta es una lista ordenada.


Desordenadas.

<ul*>
<li*> Esta es una lista ordenada. <*/li>
<li*> Esta es una lista ordenada. <*/li>
<li*> Esta es una lista ordenada. <*/li>
<*/ul>

DeviantArt lo mostrará así:

  • Esta es una lista desordenada.

  • Esta es una lista desordenada.

  • Esta es una lista desordenada.




»LÍNEAS SEPARADORAS.

<hr*>
DeviantArt lo mostrará así:





»IMAGENES.

<*img src="URL de la imagen"/>

[Donde dice "URL de la imagen", para conseguirla solo deben hacer click derecho y seleccionar la opción "Copiar la ruta de la imagen" ó "Copiar dirección de la imagen", ese es el código que deben pegar.]

DeviantArt lo mostrará así:







»VIDEOS.

<*da:embed profile="video type" id="ID of the video"/>

*Video Type: nombre de la página de donde proviene el video. Ejem: Youtube
**ID of the video: este es un pequeño código que aparece al final de la url del video. Puede estar conformado por números, letras o ambos juntos.


DeviantArt permite colocar videos de:

DeviantArt Film: estos videos son aquellos que suben los Miembros de la Comunidad #deviantartfilm. Aquí solo pueden acceder aquellos que tengan conocimientos sobre la cinematografia y la utilización de las herramientas para video en ambito profesional.
Para colocar tu video favorito de la Comunidad deviantFilm debes colocar la palabra "film" como nombre del sitio del video. Luego se coloca el código del video, que en deviantArt viene siendo el número del código Thumb ←ver más abajo THUMB.

Vimeo: videos que se encuentren en la página "Vimeo". 
Para colocar tu video favorito de Vimeo debes colocar la palabra "vimeo" en el lugar donde corresponde y luego el número que viene al final del link del video.

Youtube: la página más popular a la hora de subir videos & que todos conocemos. Se coloca "youtube" en el sitio del nombre en el código y luego se coloca el número que aparece al final del link del video. Este es el código que puede venir mezclado con letras. 



 Ejemplo: Insertaré aquí el video "Nothing But Thieves - Amsterdamdesde Youtube.

<*da:embed profile="youtube" id="X2zcG3bcuMI"/>
DeviantArt lo mostrará así:







»THUMB.*

[ Este código sirve para mostrar miniaturas de las deviations.]
:thumbid-de-la-deviation:
DeviantArt lo mostrará así:
PSD 12* by iMaria-Roa

[También puedes agregar la palabra "big" al lado de "thumb" para tener una vista más grande la deviation. Solo funciona en deviations que sean imágenes. No puede hacerse con deviations de texto ni Stamps.]

:bigthumbid-de-la-deviation:
DeviantArt lo mostrará así:
PSD 12* by iMaria-Roa

[Para obtener el "id de la deviation" o "thumb" vamos a el costado inferior derecho de la deviation, justo debajo de "Details" estan "Link & "Thumb".]







»EMOTICONES.*

[Otra forma para decorar un perfil es usando Emoticons. DeviantArt tiene una lista ofcial de todos aquellos que pueden utilizar. La mayoría tienen animaciones por lo que harán más atractivo el decorado. La lista oficial de Emoticons es esta deviantART Emoticons. ]</sub>

Ejemplo 
:rose:
DeviantArt lo mostrará así:
 
Rose 


*Con la actualización de dA, se tiene la opcion de "Add Media". De ahí únicamente tienes que dar clic en "deviantART" (si quieres insertar la previa de una deviation), ó "Emoticons" (si quieres insertar un emoticón). Esto se debe a la facilitación de uso para miembros.





Espero que les sea de ayuda.
Por ahora esos son todos los códigos html que sé de deviantART, 
intenten combinando múltiples códigos sólo no olviden cerrar cada uno (</>).

¡RECUERDEN RETIRAR LOS ASTERISCOS!


»SI TIENES DUDAS, COMENTA.
Hasta pronto +favlove .


Add a Comment:
 
:iconfunchiefun:
funchiefun Featured By Owner Jun 11, 2018  Hobbyist Digital Artist
Este texto más pequeño.
Reply
:iconas941:
AS941 Featured By Owner Jun 10, 2018  Student General Artist
como hago para poner el una imagen con link?
u otro emonji que no sea de los oficiales?
Reply
:iconcraftercloud45:
CrafterCloud45 Featured By Owner Jun 1, 2018  Student Digital Artist
hola x2 
Reply
:iconcraftercloud45:
CrafterCloud45 Featured By Owner Jun 1, 2018  Student Digital Artist
<*font face="Terminal"> hola <*font face="Terminal">
Reply
:iconsugabiasedd:
SugaBiasedd Featured By Owner May 10, 2018  New Deviant
Hola! No me funciona lo de "Img src" Solución? Está escrito correctamente pero nada.
Reply
:iconielectrichearts:
iElectricHearts Featured By Owner Edited May 5, 2018  Professional Digital Artist
Este texto más pequeño.
Reply
:iconwiiel:
Wiiel Featured By Owner May 1, 2018  Hobbyist Digital Artist
La parte de thumb no funciona en las descripciones?
Reply
:iconhector-monegro:
Hector-Monegro Featured By Owner May 1, 2018   Digital Artist
Como puedo ponerle un link a un emoticon ?
Reply
:iconheavenly-roads:
heavenly-roads Featured By Owner May 5, 2018  Hobbyist General Artist
Hola Héctor, el codigo para poner un link a un emoticon es igual que para un texto:

<*a href="link aqui">emoticono aqui</a*>

Ejemplo:
I am a dummy! 

Recuerda quitar los * y estará listo. Espero que esto te ayude!:)
Reply
:iconaideemargarita:
AideeMargarita Featured By Owner Apr 21, 2018  Hobbyist General Artist
Por que no funcionan los codigos en eldeviantID? si quito los astericos
Reply
:iconfabulousgoth:
FabulousGoth Featured By Owner Apr 14, 2018  Hobbyist Digital Artist
:rose:
Reply
:iconpixelshirani:
PixelShirani Featured By Owner Apr 9, 2018  Hobbyist Digital Artist
¡Gracias por esta guía! Estos códigos me han servido de mucho.
Reply
:iconjagc96:
JAGC96 Featured By Owner Edited Apr 5, 2018  Hobbyist Digital Artist
por mas que intento no me sale la img en la descripción y lo coloco bien así

<Img src="i.imgur.com/TEUD78b.png"/>

obvio sin el asterisco. Alguien podria decirme que pasa ?
Reply
:iconpixelshirani:
PixelShirani Featured By Owner Apr 9, 2018  Hobbyist Digital Artist
Ese código sólo funciona en el Journal, si deseas agregar un emoticono o imagen gif a tu comentario es preferible usar el :thumb: o buscarlos con la opción +Add Media.

Como ejemplo te dejo esta stamp que hice. Sólo copié el código thumb y lo pegué en este comentario. No obstante, si la imagen que estás manejando no aparece en tu Journal intenta escribirla con la letra "I" en minúscula así: <img src="link"/>. Espero haberte ayudado.

I Am Made Of Love Stamp. by PixelShirani
Reply
:iconjagc96:
JAGC96 Featured By Owner Apr 10, 2018  Hobbyist Digital Artist
Ah ok pero no existe una forma de colocar una img en la descripción de nuestras desviaciones? tengo entendido que esa funcion solo la pueden realizar los VIP. Es eso cierto o también los member free podemos....
Reply
:iconpixelshirani:
PixelShirani Featured By Owner Apr 10, 2018  Hobbyist Digital Artist
No, sólo puedes colocar emoticonos en la descripciones de tu dibujo. Sólo pueden colocar imágenes los que poseen una cuenta paga.
Reply
:iconjagc96:
JAGC96 Featured By Owner Apr 11, 2018  Hobbyist Digital Artist
Que ironia haha... mientras siga viviendo en esta patria socialista seguiré con esos emoticons XD
Reply
:iconas941:
AS941 Featured By Owner Jun 10, 2018  Student General Artist
yo entenderte mano
Reply
:iconjagc96:
JAGC96 Featured By Owner Jun 10, 2018  Hobbyist Digital Artist
:V
Reply
:iconpixelshirani:
PixelShirani Featured By Owner Apr 11, 2018  Hobbyist Digital Artist
Si haces comisiones, te donan puntos o ganas un concurso o rifa, puedes comprarte la membrecía King Dice Wink (CupHead) 
Reply
:iconjagc96:
JAGC96 Featured By Owner Apr 11, 2018  Hobbyist Digital Artist
Jejeje eso hago y gracias por rsp, aunque personalmente mi situacion economica social no me permite darme esos lujos. 
Reply
:iconsunsetlovesarii23:
sunsetlovesarii23 Featured By Owner Mar 17, 2018  Hobbyist General Artist
disculpa, las fuentes de letra funcionan en el art comment de un dibujo?, eh visto que un usuario tiene en el art comment en el formato sin letra [el tt creo]  y queria saber si estas funcionan o si hay algun comando para poder poner ese tipo de fuente 
Reply
:iconpixelshirani:
PixelShirani Featured By Owner Apr 9, 2018  Hobbyist Digital Artist
¡Buenas! Quizá alguien más te haya respondido a tu pregunta, pero de no ser así me gustaría contestarla: No, no se puede. Puede ser que lo que viste haya sido un thumb code de varias letras (cosa que creo que sólo puedes hacerlo en la descripción de tu dibujo si eres Core Member), o hayan usado una combinación de CTRL + XX número para generarlas.

Si por algún motivo mi respuesta no ha sido acertada, mis disculpas. Espero haberte ayudado.
Reply
:iconys-art:
YS-Art Featured By Owner Mar 1, 2018  Hobbyist General Artist
¿Cómo puedo poner la letra de otro color para que no se confunda con el fondo?
Reply
:iconlizgirl10star:
Lizgirl10Star Featured By Owner Feb 18, 2018  Hobbyist General Artist
Se puede hacer la letra mas grande¿ Estoy remodelando mi perfil, y siento que la descripcion tiene una letra muy chica :c
Reply
:iconmicaelhd:
MicaelHD Featured By Owner Feb 17, 2018  Hobbyist Traditional Artist
Prueba

<da:embed profile=youtube
id=GXrav_Kp2N4/>

Reply
:iconpandiunicorneo:
PandiUnicorneo Featured By Owner Edited Feb 12, 2018  Hobbyist Digital Artist
<h5>nop Funciona </h5>
Reply
:icontrapb0i:
Trapb0i Featured By Owner Apr 2, 2018  Hobbyist General Artist
El h5 funciona para los journals y tu perfil! No funciona para los comentarios. 
Reply
:iconhanajoka:
HanaJoka Featured By Owner Feb 10, 2018  Student Digital Artist
wow, lo mas sencillo, poner el icono de un usuario, no lo sabía jaja, muchisimas gracias 
Reply
:iconicxptear:
icxptear Featured By Owner Feb 5, 2018
¿soy la única ridícula qué no le anda ningún código aparte del de icon?
Reply
:icontrapb0i:
Trapb0i Featured By Owner Apr 2, 2018  Hobbyist General Artist
Lo que tienes que hacer es quitar los astericos, y quitar los espacios.
Reply
:iconappreciataeh:
appreciataeh Featured By Owner Feb 6, 2018
¿le quitas los asteriscos? 
Reply
:iconicxptear:
icxptear Featured By Owner Feb 6, 2018
sí ; ;
Reply
:iconappreciataeh:
appreciataeh Featured By Owner Feb 6, 2018
oh...
ora, no sé:( 
Reply
:iconicxptear:
icxptear Featured By Owner Feb 6, 2018
jaja. no pasa nada, gracias por la intención
Reply
:iconartis-angel:
Artis-Angel Featured By Owner Feb 5, 2018  Student Digital Artist
no me funciona la imagen :,C
Reply
:icontrapb0i:
Trapb0i Featured By Owner Apr 2, 2018  Hobbyist General Artist
Es sencillo, solamente pones  <Img src="Imagen aqui"/> Nunca quites el "" Porque si no no funciona el codigo. 

Y no funciona en los comentarios. uvu
Reply
:iconartis-angel:
Artis-Angel Featured By Owner Apr 12, 2018  Student Digital Artist
gracias :3
Reply
:iconsamichanneko:
SamiChanNeko Featured By Owner Jan 17, 2018  Hobbyist Digital Artist
Probando :v
Reply
:iconyonathanarts:
YonathanArts Featured By Owner Feb 15, 2018  Student Digital Artist
Numa a mi no me sale :u
Reply
:iconsamichanneko:
SamiChanNeko Featured By Owner Feb 15, 2018  Hobbyist Digital Artist
Ami tampoco me salia xd
Reply
Add a Comment:
 
×

:iconimaria-roa: More from iMaria-Roa


Featured in Collections

Journals by Pohminit

Journals by FernandaSwaggyLove

Journal by Arcaangel


More from DeviantArt



Details

Submitted on
January 17, 2013
Link
Thumb

Stats

Views
162,794 (68 today)
Favourites
4,088 (who?)
Comments
2,112
×