Fast Guide of Markup

By Kedinn Turpo 2016/02/25

A fast guide on Markup, for those who writes in Internet.

What is Markup?

Markup is a way simple to give him to format to texts Web, no longer we will need a view to agragar format to him or to write HTML that usually commits errors, as to forget to close a label. Created by John Gruber, with the help of Aaron Swartz.

It will not show too much theory, only the code and its result.

Content:

  • Heads
  • Connections
  • Paragraphs
  • Format
  • Appointments
  • Lists
  • Lists of definitions
  • Images
  • Tables
  • Pre-spaced syntax of
  • Code

Heads:

# This is a H1 ## This is a H2 ### This is a H3 #### This is a H4 ##### This is a H5 ###### This is a H6

This is a H1

This is a H2

This is a H3

This is a H4

This is a H5
This is a H6

Connections:

[With title] (http://www.kedinn.com “title?)

With title

[Without title] (http://www.kedinn.com)

Without title

[Enlace 1] [1], [2 2 Enlace] [], [3 3 Enlace] [] [1]: www.kedinn.com/blog [2]: www.kedinn.com “Title Connection? [3]: www.kedinn.com/blog

It connects 1, It connects 2, It connects 3

Paragraphs:

In order to create paragraphs to leave a line in target:

This it is the first paragraph. This it is the second paragraph.

This it is the first paragraph.

This it is the second paragraph.

In order to create a line jump, to leave to two spaces at the end of the text or word

This is forward edge and this it is the line jump.

This is forward edge
and this it is the line jump.

Format:

** This is bold **

This is bold

__Esto also is negrita

This also is bold

*Esto is cursiva*

This is cursive

_Esto also is cursiva_

This also is cursive

*** This is cursive bold and ***

This is cursive bold and

___Esto also is bold and cursiva_

This also is cursive bold and

Tachado*

This option not this available in all the parsers

~~texto tachado.~~

erased text.

Appointments

> This is part of an appointment block. > This is part of the same block of appointment.

This is part of an appointment block. This is part of the same block of appointment.

> This is part of an appointment block. This continues the block although > is no the symbol

This is part of an appointment block. This continues the block although > is no the symbol

> This is part of an appointment block. > This is part of the same block of appointment. > > > This is another block of nested appointment. > > This is part of the nested block. > > This is part of the block of appointment of first level.

This is part of an appointment block. This is part of the same block of appointment.

This is another block of nested appointment. This is part of the nested block.

This is part of the block of appointment of first level.

Lists

1. This it is first element 2. This it is second element 3. This it is the third element
  1. This it is the first element
  2. This it is the second element
  3. This it is the third element
* an element of the list * Another element of the list * the third element of the list
  • An element of the list
  • Another element of the list
  • The third element of the list
    * an element of list + Another element of the list - the third element of the list
  • An element of the list
  • Another element of the list
  • The third element of the list
1. This is a ready ordinate 2. Secondly element of ready ordinate 1. This is a ready ordinate nested within disorderly Ready other * nested at third level * Secondly element of this list 2. This it is the second element of the ready nested ordinate
  1. This is a ready ordinate
  2. Secondly element of the ready ordinate
    1. This is a ready ordinate nested within another one
      • Nested disorderly list at third level
      • Secondly element of this list
    2. This it is the second element of the ready nested ordinate

Lists of definitions

This option not this available in all the parsers

First I finish: First definition: Second definition Second I finish: Second definition

Images

It is not possible to center an image, I I have it centered by my css, example: .entrada img \ {display: block; margin: 0 car; }

[With title] (/images/Markup2.png “title?)

With title

[Without title] (/images/Markup.png)

Without title

[Image 1] [1]! [Image 2] [2] [1]: /images/Markup2.png [2]: /images/Markup2.png “scaphandre?

Image 1 Image 2

Tables

| Headed 1 | Headed 2 | |-----------------|--------------| | we try | something | | we prove some | another thing |
Headed 1 Headed 2
we try something
we prove some another thing
| Aligned to izq. | Centered | Aligned when der. | |: -------------------|: --------: |-------------------: | | test | test | test |
Aligned to izq. Centered Aligned when der.
test test test

(*) all the parsers of Markup do not support to some options of ta table.

Pre-spaced syntax of

In this guide I was using pre-spaced for the codes

        This is a code paragraph.  

Result:

    This is a code paragraph.

Code

The code use is very used by the programmers

Syntax of triple backtick *

To add a block of code between 3 backticks (“‘) plus the name of the language, Examples:

‘python for i in range (2, I number): if (numero%i) ==0: # is divisible return False return True ‘

Python

for i in range (2, I number): if (numero%i) ==0: # is divisible return False return True

Another example:

‘java public static int contarCaracteres (String chain, to char character) \ {int position, accountant = 0; //cometario position = cadena.indexOf (character); while (position! = -1) \ {contador++; position = cadena.indexOf (character, position + 1); } return accountant; } ‘

Java

public static int contarCaracteres (String chain, to char character) \ {int position, accountant = 0; //cometario position = cadena.indexOf (character); while (position! = -1) \ {contador++; position = cadena.indexOf (character, position + 1); } return accountant; }

Conclusion

With Markup it is not necessary to use an interface as WYSIWYG, you can visit the official page to see the complete documentation in daringfireball.net