Algunos tips Markdown


En código Markdown:

# Markdown Desde Cero
##### URL: https://ed.team/cursos/markdown/01/01

## Sintaxis

### 1.1 - Encabezados, parrafos y listas
##### URL: https://dillinger.io

1. Escribir párrafo p:
   ```
    Esto es un párrafo
   ```
2. Escribir un título h1
   ```
    # Esto es un título h1
   ```

### 1.2 - Imágenes y enlaces
1. Imagen:

![Texto alternativo](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJswVXpKX9q0IfOd2i5LptysSsGKWo2JLrLJ_1EuKeuNKLRkJs63IAi8nK6abZjjCiFNvihAushyphenhyphencbiiKa_MKl-aq-Gux6PF89w7IC1QbZd-6otayFu3BNFcjeSby9ma6H2gIo3mOCZEZh/s225/descarga.jpg)

+ Código Markdown:
   ```markdown
   ![Texto alternativo](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJswVXpKX9q0IfOd2i5LptysSsGKWo2JLrLJ_1EuKeuNKLRkJs63IAi8nK6abZjjCiFNvihAushyphenhyphencbiiKa_MKl-aq-Gux6PF89w7IC1QbZd-6otayFu3BNFcjeSby9ma6H2gIo3mOCZEZh/s225/descarga.jpg)   
   ```

1. Enlace:

[Ir a CVPetrix](https://cvpetrix.herokuapp.com)

+ Código Markdown:
   ```markdown
   [Ir a CVPetrix](https://cvpetrix.herokuapp.com)
   ```

1. Varias referencia a imagen y enlaces:

En [Soluciones++][Soluciones++] bla bla bla, hacemos ... [Soluciones++][Soluciones++] y ssffd [Soluciones++][Soluciones++]
También trabajamos con imagnes ![Texto alternativo imagen][imagen] y también la imagen ![Texto alternativo imagen][imagen]

+ Código Markdown:
   ```markdown
   En [Soluciones++][Soluciones++] bla bla bla, hacemos ... [Soluciones++][Soluciones++] y ssffd [Soluciones++][Soluciones++]
   También trabajamos con imagnes ![Texto alternativo imagen][imagen] y también la imagen ![Texto alternativo imagen][imagen]
   ------------
   [Soluciones++]: https://cvpetrix.herokuapp.com
   [imagen]: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJswVXpKX9q0IfOd2i5LptysSsGKWo2JLrLJ_1EuKeuNKLRkJs63IAi8nK6abZjjCiFNvihAushyphenhyphencbiiKa_MKl-aq-Gux6PF89w7IC1QbZd-6otayFu3BNFcjeSby9ma6H2gIo3mOCZEZh/s225/descarga.jpg   
   ```

### 1.3 - Código
1. Código en línea:
   Este es un ejemplo del uso de `const` y de`var`.
   ```markdown
   Este es un ejemplo del uso de `const` y de`var`.
   ```
2. Código de bloque:

```javascript
function popup() {
    alert("Hola gente")
}
```


```html
<!DOCTYPE html>
<html lang="en">
<head>

<script>
   // Just a lil’ script to show off that inline JS gets highlighted
   window.console && console.log('foo');
</script>
</head>
```

```php
public function hola() {
    echo "Hola gente";
}
```

1. Libreria para escribir código en HTML:
   + https://prismjs.com/
   + https://github.com/PrismJS/prism

### 1.5 - Tablas
1. Tabla:

| Uno         | Dos **** | Tres                  |
| ----------- | -------- | --------------------- |
| Lunes       | Martes   | Miércoles            |
| Lunes Lunes | Martes   | Miércoles Miércoles |

|         Uno | Dos **** |                  Tres |
| ----------: | -------: | --------------------: |
|       Lunes |   Martes |            Miércoles |
| Lunes Lunes |   Martes | Miércoles Miércoles |

|     Uno     | Dos **** |         Tres         |
| :---------: | :------: | :-------------------: |
|    Lunes    |  Martes  |      Miércoles      |
| Lunes Lunes |  Martes  | Miércoles Miércoles |


### 2.1 - Editores online
1. Editores online:
   + https://stackedit.io
   + https://dillinger.io
2. Extensiones para Chrome (Permite escribir con formato markdown en el correo):
   + Markdown Here:
     - https://chrome.google.com/webstore/detail/markdown-here/elifhakcjgalahccnjkneoccemfahfoa?hl=es
   + Markdown Preview Plus (Permite previsualizar archivos markdown en el navegador):
     - https://chrome.google.com/webstore/detail/markdown-preview-plus/febilkbfcbhebfnokafefeacimjdckgl?hl=es

### 2.2 - Herramientas para escritores
1. iA Writer
   + https://ia.net/es/writer
2. typora
   + https://typora.io


[Soluciones++]: https://cvpetrix.herokuapp.com
[imagen]: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJswVXpKX9q0IfOd2i5LptysSsGKWo2JLrLJ_1EuKeuNKLRkJs63IAi8nK6abZjjCiFNvihAushyphenhyphencbiiKa_MKl-aq-Gux6PF89w7IC1QbZd-6otayFu3BNFcjeSby9ma6H2gIo3mOCZEZh/s225/descarga.jpg



En formato HTML:

Markdown Desde Cero

URL: https://ed.team/cursos/markdown/01/01

Sintaxis

1.1 - Encabezados, parrafos y listas

URL: https://dillinger.io
  1. Escribir párrafo p:
     Esto es un párrafo
    
  2. Escribir un título h1
     # Esto es un título h1
    

1.2 - Imágenes y enlaces

  1. Imagen:

Texto alternativo

  • Código Markdown:
    ![Texto alternativo](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJswVXpKX9q0IfOd2i5LptysSsGKWo2JLrLJ_1EuKeuNKLRkJs63IAi8nK6abZjjCiFNvihAushyphenhyphencbiiKa_MKl-aq-Gux6PF89w7IC1QbZd-6otayFu3BNFcjeSby9ma6H2gIo3mOCZEZh/s225/descarga.jpg)   
    
  1. Enlace:

Ir a CVPetrix

  • Código Markdown:
    [Ir a CVPetrix](https://cvpetrix.herokuapp.com)
    
  1. Varias referencia a imagen y enlaces:

En Soluciones++ bla bla bla, hacemos … Soluciones++ y ssffd Soluciones++
También trabajamos con imagnes Texto alternativo imagen y también la imagen Texto alternativo imagen

  • Código Markdown:
    En [Soluciones++][Soluciones++] bla bla bla, hacemos ... [Soluciones++][Soluciones++] y ssffd [Soluciones++][Soluciones++]
    También trabajamos con imagnes ![Texto alternativo imagen][imagen] y también la imagen ![Texto alternativo imagen][imagen]
    ------------
    [Soluciones++]: https://cvpetrix.herokuapp.com
    [imagen]: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJswVXpKX9q0IfOd2i5LptysSsGKWo2JLrLJ_1EuKeuNKLRkJs63IAi8nK6abZjjCiFNvihAushyphenhyphencbiiKa_MKl-aq-Gux6PF89w7IC1QbZd-6otayFu3BNFcjeSby9ma6H2gIo3mOCZEZh/s225/descarga.jpg   
    

1.3 - Código

  1. Código en línea:
    Este es un ejemplo del uso de const y devar.
    Este es un ejemplo del uso de `const` y de`var`.
    
  2. Código de bloque:
function popup() {
    alert("Hola gente")
}
<!DOCTYPE html>
<html lang="en">
<head>

<script>
    // Just a lil’ script to show off that inline JS gets highlighted
    window.console && console.log('foo');
</script>
</head>
public function hola() {
    echo "Hola gente";
}
  1. Libreria para escribir código en HTML:

1.5 - Tablas

  1. Tabla:
UnoDos ****Tres
LunesMartesMiércoles
Lunes LunesMartesMiércoles Miércoles
UnoDos ****Tres
LunesMartesMiércoles
Lunes LunesMartesMiércoles Miércoles
UnoDos ****Tres
LunesMartesMiércoles
Lunes LunesMartesMiércoles Miércoles

2.1 - Editores online

  1. Editores online:
  2. Extensiones para Chrome (Permite escribir con formato markdown en el correo):

2.2 - Herramientas para escritores

  1. iA Writer
  2. typora

Comentarios

Publicar un comentario

Entradas más populares de este blog

Ruta hacia el desarrollador web full stack en Soluciones++

Soluciones++ para VBA