El título principal lo escribiremos con el tag <h1>. (Heading 1)

Los siguientes títulos con el el tag <h2> (Heading 2).

El texto que escribas debe estar entre tags <p> (párrafo) como éste que estás viendo. Para modificar los tag <h1><h2>...<p> simplemente selecciona "Paragraph", "Heading" o lo que necesites. Con estas tres cosas ya puedes escribir un artículo, sin embargo, es necesario que te muestre dos cosas más: Cómo insertar una imagen y cómo insertar un enlace.

Cómo insertar una imagen en un documento (esto es un tag <h2>)

Deja la imagen en el mismo directorio del archivo .html que crees. Insértala en un párrafo aparte, intenta que no sobrepase de ancho los 550 - 600 píxeles. No es necesario que la optimices, eso lo haré yo. Debes poner al archivo de imagen un nombre que la identifique y no usar espacios. Por ejemplo si has hecho una fotografía a tu portátil la puedes llamar "mi_ordenador.png". Intenta que la imagen se vea correctamente.  Deberás crear un texto alternativo  por si la imagen no se puede mostrar y un Tooltip (cuando se pasa el ratón sobre la imagen). Por ejemplo, si yo quiero mostrar ahora una imagen, hago un nuevo párrafo y la muestro del siguiente modo:

Y sigo escribiendo en este nuevo párrafo, no en el párrafo de la imagen.

Consideraciones sobre las imágenes (Observa este tag <h3> dentro de un <h2>)

Todas las imágenes las voy a optimizar para Web. Es posible que elimine algunas que considere innecesarias y/o modifique otras por alguna/s que considere más oportuna/s. A todas las imágenes alojadas en mi Web les voy a superponer una pequeña imagen que diga: Web de karmany, como puedes ver en la imagen anterior.

Insertar un enlace

Haz que una palabra o frase te sirva de enlace. Por ejemplo si quieres hacer un enlace a Google, escribe la palabra Google, luego la seleccionas y pulsas el botón Link. Escribes la dirección del enlace y pones que se abra en una nueva pestaña/ventana, no la abras en la misma ventana porque si no cuando lean tu artículo irán al enlace y lo perderán. No hace falta que hagas nada más. Ejemplo, imagina que quiero hacer un enlace a Google, hago lo siguiente: Google

Usuarios con experiencia html

Si tienes experiencia con html no dudes en hacer lo que creas más conveniente para visualizar correctamente tu artículo. No crees reglas css ya que las eliminaré, sin embargo, en los párrafos puedes usar en el atributo class los siguientes valores:

• ind: Indenta la primera linea de un párrafo.
• code: El párrafo que esté con class code estará encuadrado y de color grisáceo. La fuente de letra será una fuente con dimensiones proporcionadas (ej. Courier New etc...).
• codesin: Úsalo para resaltar un texto. Será encuadrado y color azulado pero la fuente no será modificada.

Terminando

karmany, ¿por qué es necesario hacer todo esto?

Escribir un artículo bien hecho requiere un cierto tiempo, sin ir muy lejos escribir esto que ves ahora mismo pues me ha llevado unas horas. Hay gente que quiere (a la que le doy desde aquí las gracias) contribuir con sus propios artículos. Mi intención es que un usuario entre en la Web y pueda leer un trabajo realizado por ti o por mi, pueda opinar y tenga una referencia donde acudir si tiene dudas.

Hasta ahora, algún usuario me ha enviado archivos .doc, .txt, .pdf para incluir en la Web pero escribirlos en html, corregir errores, prepararlos visualmente, adaptar las imágenes, los enlaces... ¡buah! es un trabajo costosísimo. Por eso necesito tu ayuda, que hagas un archivo .html como éste y que me lo envíes junto con las imágenes que usaste.

Consideraciones finales

• Como he comentado antes, todas las imágenes llevarán la marca de agua "Web de karmany".
• Escribe tu artículo con corrección, sin faltas de ortografía, respetando los tags html. Prepáralo para que se vea correctamente.
• No faltes el respeto a nadie, no insultes, respeta la propiedad intelectual, no me envíes un trabajo de otra persona. Si por ejemplo me envías un artículo sobre cómo crackear un programa shareware, ¡no lo publicaré!.
• En determinados casos, por ejemplo en artículos muy extensos, pondré el archivo en descarga y no será necesario realizar un tutorial en html. Pero será solamente en casos puntuales.
• IMPORTANTE. No quiero que trabajes para nada, me explico: antes de realizar cualquier artículo envíame un email, coméntame de qué va a tratar y si los dos estamos conformes entonces sí, házlo. No escribas un tutorial para mi Web sin antes comentármelo, no quiero que consideres que has hecho un trabajo para nada.
• Tu trabajo es útil, no sólo para mí, sino para todos los usuarios.
• Cuando publique tu artículo, si consideras que he hecho algo mal o que no he realizado algo correctamente dímelo y lo modificaré.
• Si con el tiempo considero que un artículo ya no es necesario o útil, será eliminado sin previo aviso.
• Todos tus artículos irán firmados por ti. Si quieres, al final de tu artículo puedes escribir una dirección email y/o tu página Web actual. Si en un futuro tu página Web desaparece borraré dicho enlace.
• Cualquier duda que tengas no dudes en preguntármela. Yo creo que no es nada difícil todo lo comentado aquí, sólo se siguen unas pautas porque si no para una persona sóla es un trabajo desbordante.
• Utiliza si quieres este archivo como guía. Observa que he usado XHTML 1.0 Transicional, esto es así porque mi Web está validada de este modo. Antes de enviarme el archivo .html deberías validarlo aquí: Valida tu archivo html.

Espero que lo entiendas, es sencillo y te ayudará a comprender un poco el lenguaje html.
Saludos y muchas gracias por tu trabajo - La Web de karmany