No quedaban mas narices...
Era eso o acabar sirviendo propaganda de VOX...
## Ejemplo URL
[https://wikipedia.es](https://wikipedia.es)
[https://www.google.es/search?q=cgt+burgos&oq=cgt+burgos](https://www.google.es/search?q=cgt+burgos&oq=cgt+burgos)
[https://boe.es/buscar/pdf/1985/BOE-A-1985-16660-consolidado.pdf](https://boe.es/buscar/pdf/1985/BOE-A-1985-16660-consolidado.pdf)
Notes: Remarcar http, las tres partes y hacer símil con ficheros.
## Ejemplo CSS
```css
h1 {
padding-left: 3rem;
}
.rojoynegro {
background-color: black;
color: #ffcccc;
}
button {
margin-left: 5em;
padding: 6px 12px;
}
.t1 {
color: red;
}
```
## Ejemplo JS
```js
color_titulo = function(){
var titulo = document.getElementById('titulo');
if (titulo.classList.contains('t1')) {
titulo.classList.remove('t1');
} else {
titulo.classList.add('t1');
}
}
```
### Ejemplos combinados
- [Ejemplos juntos jsfiddle](https://jsfiddle.net/k0emoLr2/ "ir jsfiddle")
- [Ejemplos juntos codepen](https://codepen.io/surkum/pen/jONdBYo "ir codepen")
### También se puede hacer esto con
## **css** y __js__
## Incluso juegos
http://www.sinuousgame.com/
# Título grande
## Título más chico
### Título aun más chico
## Equivalente en html
```
<h1>Título grande</h1>
<h2>Título más chico</h2>
<h3>Título aun más chico</h3>
```
aunque este ejemplo es sencillo cuando hay múltiples etiquetas el texto resulta poco legible...
## Esto es un ejemplo de nuestra antigua web.
## Referencia Markdown
- [Markdown en línea](https://joedicastro.com/pages/markdown.html)
- [Referencia Markdown en pdf](http://www.ic.fcen.uba.ar/materias/datos/material/rmarkdown-spanish.pdf "
descarga pdf")
- [Introducción a markdown en Ingles](https://opensource.com/article/19/9/introduction-markdown "en ingles")
- [Guia en pdf](http://fobos.inf.um.es/R/taller5j/30-markdown/guiabreve.pdf)
- [Tutorial en ingles](https://www.markdowntutorial.com)
## Editor de Markdown Online
- [StackEdit](https://stackedit.io/app#)
- [Editor.md](https://pandao.github.io/editor.md/en.html)
- [Dillinger](https://dillinger.io)
- [mas..](https://www.webfx.com/blog/web-design/online-markdown-editors/)
## Manos a la obra, a practicar...
Para las imágenes usar [imgbb.com](https://imgbb.com)
o [https://www.pexels.com](https://www.pexels.com)
## Por ejemplo:
```
### Imagen y cabecera
```
notes: preguntar por los usuarios de wordpress mientras practican.
### Imagen y cabecera
[https://testblog.sindicatoburgos.org](https://testblog.sindicatoburgos.org)
Añadir entradas al Blog
Notes: Añadir galería, editar entrada, imagen destacada, agregar imagen desde la galería, localizar categorías, añadir tags, tag inicio, insertar video, vista previa. "Enviar a revisión
La biblioteca de medios
Notes: filtrar y buscar el contenido, importante describirlo.
Agregar medios a la biblioteca
Notes: añadir alternativo para accesibilidad, poner un titulo con sentido, y una leyenda y descripción iguales. Añadir desde URL.
Añadir entradas al Blog
Notes: Añadir medios, editar entrada, imagen destacada, agregar imagen desde la galería, localizar categorías, añadir tags, tag inicio, insertar video, vista previa. "Enviar a revisión
Galerías de medios
Notes: permite agrupar imágenes en una colección
Crear galerías
Notes:
Editar páginas
Notes: Edita la página del grupo en que estes, añadir nueva pagina, añadir enlace en la página anterior.
Editar páginas
Notes: Edita la página del grupo en que estes, añadir nueva pagina, añadir enlace en la página anterior.
## Juan @ 2019
Creado usando [reveal.js](https://github.com/hakimel/reveal.js).
[Descargame en pdf](?print-pdf)