Codigos HTML Basicos en dA
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
- 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í:
Esta es una lista ordenada
Esta es una lista ordenada
Esta es una lista ordenada
- 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 (Ver Ejemplo en los Comentarios del Autor de esta publicación).
<div align="center">Este texto centrado</div>
<div align="right">Este texto a la derecha</div>
<div align="left">Este texto a la izquierda</div>
<div align="justify">Este texto justificado</div>
- 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). Ejemplo:
Usuario: :devnicolais9:
Grupo: :devAyu-dA:
DeviantArt lo mostrará así:
Usuario: * Nicolais9
Grupo: # Ayu-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: :iconnicolais9:
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). Ejemplo:
:faq104:
DeviantArt lo mostrará así:
FAQ #104: What HTML formatting can we use on deviantART? And what is the format for these codes?
- Alineación del Texto:
1. Usando la etiqueta correspondiente a los diferentes tipos de alineación del texto. Ejemplo:
<div align="center">Este texto centrado</div>
<div align="right">Este texto a la derecha</div>
<div align="left">Este texto a la izquierda</div>
<div align="justify">Este texto justificado</div>
DeviantArt lo mostrará así:
Este texto centrado
Este texto a la derecha
Este texto a la izquierda
Este texto justificado
- A un avatar de un usuario o grupo de DeviantArt:
1. Usando el código para avatares de usuario en DeviantArt. Ejemplo:
Usuario: :iconnicolais9:
Grupo: :iconAyu-dA:
DeviantArt lo mostrará así:
Usuario:
Grupo:
<img src="ENLACEDIRECTODELAIMAGEN"/>
Por favor edita las letras en mayúsculas con el enlace directo de la imagen que deseas publicar.
Si necesitas el código para publicación y de redimensión de imagenes, aquí lo tienes:
<img width="ANCHO" height="ALTO" src="ENLACEDIRECTODELAIMAGEN"/>
Por favor edita las letras en mayúsculas con el ancho y el alto de tu preferencia en pixeles y el enlace directo de la imagen que deseas publicar.
Las etiquetas HTML se abren <etiqueta> y se cierran </etiqueta> justamente donde queremos especificar que permanezca la acción o la lectura del código.
Revisa muy bien que al abrir una etiqueta, la cierres donde es correspondiente, así los formatos, los enlaces y demás códigos, se mostrarán correctamente.
Importante: No todos los códigos aquí especificados funcionan en todos los sitios que DeviantArt ofrece, algunos son específicos para Deviations en literatura, otros para Journal, algunos no aplican a comentarios, etc.
Esta publicación sobre HTML básico es una colaboración para todos aquellos usuarios que desean personalizar, organizar u mejorar visiblemente sus espacios editables en DeviantArt, ya sean Journals, Comentarios de Autor en las publicaciones, Módulos personalizables, comentarios a otros usuarios, etc.
Una guía sobre HTML avanzada en DeviantArt se estará publicando muy pronto aquí en # Ayu-dA .
Recuerda que si tienes cualquier duda o comentario, puedes comunicarte con nosotros a través de notas o comentarios en # Ayu-dA .
Ayuda y Soporte en Español
FUENTEE ORIGINAL: