mirror of
https://git.sr.ht/~alienagain/plumaweb
synced 2024-06-11 12:15:20 +02:00
59 lines
2.0 KiB
HTML
59 lines
2.0 KiB
HTML
<style>
|
|
div.container {
|
|
text-align: center;
|
|
}
|
|
|
|
ul.myUL {
|
|
display: inline-block;
|
|
text-align: left;
|
|
}
|
|
</style>
|
|
<h1>
|
|
<p style="text-align: center;">
|
|
MI TÍTULO
|
|
</p>
|
|
</h1>
|
|
<p>Esto es un párrafo de texto sin ningún tiò de HTML, solo un formato de <strong>markdown</strong>, en el que se juega con <em>cursivas</em> o <strong><em>negritas cursivas</em></strong> o simplemente se usan <a href="/thebrokenpencil.com">enlaces</a> pero no se usa HTML.</p>
|
|
<figure>
|
|
<img src="https://gitlab.com/terceranexus6/website/-/raw/master/public/images/masto.png" alt="" /><figcaption>Ejemplo de ilustracion, un mastodonte de estilo cartoon adorable mirando al cielo</figcaption>
|
|
</figure>
|
|
<p><img
|
|
style="display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 30%;"
|
|
src="https://gitlab.com/terceranexus6/website/-/raw/master/public/images/masto.png"
|
|
alt="ilustración de un mastodonte de estilo cartoon adorable mirando al cielo"> </img></p>
|
|
<!-- Como este bloque es de HTML, si queremos comentar algo lo haremos en formato HTML, y listo, no se verá en el resultado final -->
|
|
<h2 id="esto-es-otro-título-en-markdown">Esto es otro título, en MARKDOWN</h2>
|
|
<!-- Usarmos <br> para hacer espacios en html -->
|
|
<br>
|
|
<p style="text-align: center;">
|
|
Esto sería un ejemplo de una párrafo centrado suelto y ha continuación una lista centrada:
|
|
</p>
|
|
<div class="container">
|
|
<ul class="myUL">
|
|
<li>
|
|
Elemento <b>número</b> uno
|
|
</li>
|
|
<li>
|
|
Elemento <i>número</i> <a href="https://thebrokenpencil.com">dos</a>
|
|
</li>
|
|
<li>
|
|
Otro elemento más
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</p>
|
|
<p>Mientras que esto es un ejemplo de una lista en markdown sin centrar sin HTML:</p>
|
|
<ul>
|
|
<li>Elemento <strong>número</strong> uno</li>
|
|
<li>Elemento <em>número</em> <a href="https://thebrokenpencil.com">dos</a></li>
|
|
<li>Otro elemento más</li>
|
|
</ul>
|
|
<p><br></p>
|
|
<p>Hay otros objetos interesantes que se pueden usar como menús desplegables:</p>
|
|
<details>
|
|
<summary>Pulsame y podrás desplegar un menu</summary> <br> Esto es el contenido
|
|
</details>
|