🌸 Guía de edición de texto HTML

Formato básico de texto

Negrita, Cursiva, Subrayado, Tachado, Resaltado

<strong>Negrita</strong>
<em>Cursiva</em>
<u>Subrayado</u>
<del>Tachado</del>
<mark>Resaltado</mark>
    

Colores y estilos

Texto rojo

Texto azul en cursiva

Texto verde en negrita

Texto más grande

Texto con fuente monoespaciada

Texto centrado

H₂O y X²

<p style="color:red;">Texto rojo</p>
<p style="color:blue; font-style: italic;">Texto azul en cursiva</p>
<p style="color:green; font-weight:bold;">Texto verde en negrita</p>
<p style="font-size:20px;">Texto más grande</p>
<p style="font-family:monospace;">Texto con fuente monoespaciada</p>
<p style="text-align:center;">Texto centrado</p>
<p>H<sub>2</sub>O y X<sup>2</sup></p>
    

Listas

Lista desordenada

• Elemento 1
• Elemento 2
• Elemento 3

Lista ordenada

1. Primer elemento
2. Segundo elemento
3. Tercer elemento

Lista de definición

HTML

Lenguaje de marcado para crear páginas web.

CSS

Lenguaje para dar estilo y formato al contenido HTML.

<ul>
  <li>Elemento 1</li>
  <li>Elemento 2</li>
</ul>

<ol>
  <li>Primer elemento</li>
  <li>Segundo elemento</li>
</ol>

<dl>
  <dt>HTML</dt>
  <dd>Lenguaje de marcado</dd>
  <dt>CSS</dt>
  <dd>Lenguaje de estilo</dd>
</dl>
    

Tablas

Nombre	Edad	Ciudad
Ana	25	Madrid
Luis	30	Barcelona

<table>
  <tr><th>Nombre</th><th>Edad</th><th>Ciudad</th></tr>
  <tr><td>Ana</td><td>25</td><td>Madrid</td></tr>
  <tr><td>Luis</td><td>30</td><td>Barcelona</td></tr>
</table>
    

Enlaces e imágenes

Visitar OpenAI

<a href="https://www.openai.com" target="_blank">Visitar OpenAI</a>
<img src="gato.jpg" alt="Gato adorable" width="200">
<img src="perro.png" alt="Perro simpático" height="150">
    

Citas y bloques de código

"La simplicidad es la máxima sofisticación." - Leonardo da Vinci

<blockquote>
  "La simplicidad es la máxima sofisticación." - Leonardo da Vinci
</blockquote>

<pre><code>
Aquí puedes escribir código literal
que respeta espacios y saltos de línea
</code></pre>