{"id":411,"date":"2024-05-21T13:15:23","date_gmt":"2024-05-21T11:15:23","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=411"},"modified":"2024-05-21T13:15:23","modified_gmt":"2024-05-21T11:15:23","slug":"sintaxis-markdown","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/otros\/sintaxis-markdown\/","title":{"rendered":"Sintaxis Markdown"},"content":{"rendered":"\n<p><strong>Markdown<\/strong> es un <strong>lenguaje de marcado ligero<\/strong>. Su creador quer\u00eda conseguir su m\u00e1xima legitimidad. Es una tecnolog\u00eda de texto plano que se centrara m\u00e1s en el contenido.<\/p>\n\n\n\n<p><strong>Markdown<\/strong> se ha vuelto el formato est\u00e1ndar para desarrollar la documentaci\u00f3n de las librer\u00edas y proyectos. Podemos obtener informaci\u00f3n en los siguientes enlaces.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/markdown.es\/\">https:\/\/markdown.es\/<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.markdownguide.org\/\">https:\/\/www.markdownguide.org\/<\/a> (sitio no oficial)<\/li>\n\n\n\n<li><a href=\"https:\/\/joedicastro.com\/pages\/markdown.html\">https:\/\/joedicastro.com\/pages\/markdown.html<\/a> (gu\u00eda)<\/li>\n\n\n\n<li><a href=\"https:\/\/dillinger.io\/\">https:\/\/dillinger.io\/<\/a> (editor Markdown en l\u00ednea)<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>Nota: <\/strong>Es muy importante aprender esta tecnolog\u00eda<strong>. <\/strong>Hay un <strong>State Site Generator<\/strong> denominado <strong>Sergey<\/strong>, cuya p\u00e1gina web es <a href=\"http:\/\/sergey.cool\">http:\/\/sergey.cool<\/a>, otro denominado Hugo, cuyo sitio web es <a href=\"http:\/\/gohugo.io\">http:\/\/gohugo.io<\/a>.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Sintaxis Encabezado<\/h2>\n\n\n\n<p>El documento principal se suele llamar <em>README.md.<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><em>#Aprendiendo _Markdown_<\/em> <\/strong>(la <strong>almohadilla<\/strong> representa un encabezado de nivel 1 <strong>HTML<\/strong>) (un texto entre guiones bajos indica que esa palabra est\u00e1 en cursiva).<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Como generar p\u00e1rrafos<\/h2>\n\n\n\n<p>Se empieza a escribir simplemente<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Esto es un p\u00e1rrafo<\/li>\n<\/ul>\n\n\n\n<p>Para varios p\u00e1rrafos escribir el primer p\u00e1rrafo y hacer clic en <em><strong>Enter<\/strong><\/em> para que haya una separaci\u00f3n, as\u00ed de sencillo.<\/p>\n\n\n\n<p>Para aplicar cursiva<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">_cursiva_<\/pre>\n\n\n\n<p>Para negrita<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">**negrita**<\/pre>\n\n\n\n<p>Aplicar ambos<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">**_cursiva y negrita-**<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Encabezados<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li># Encabezado 1<\/li>\n\n\n\n<li>## Encabezado 2<\/li>\n\n\n\n<li>### Encabezado 3<\/li>\n\n\n\n<li>#### Encabezado 4<\/li>\n\n\n\n<li>##### Encabezado 5<\/li>\n\n\n\n<li>###### Encabezado 6<\/li>\n<\/ul>\n\n\n\n<p>Hay que dejar espacio para que lo considere encabezado. S\u00f3lo hay 6 niveles de encabezado<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Crear enlaces<\/h2>\n\n\n\n<p>Se utilizan <strong>corchetes <\/strong>y <strong>par\u00e9ntesis. <\/strong>En los corchetes ponemos el texto que queremos se visualice. y en el par\u00e9ntesis el enlace en cuesti\u00f3n.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[Sutil Web](https:\/\/sutilweb.eu)<\/pre>\n\n\n\n<p>Si queremos armar un temario:<\/p>\n\n\n\n<p>La sintaxis ser\u00eda<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[Aprendiendo _Markdown_](#Aprendiendo-Markdown)<\/pre>\n\n\n\n<p>Si hay varias palabras, el separador entre ellas es el <strong>gui\u00f3n medio <\/strong>(<strong><em>&#8211;<\/em><\/strong>). No se pueden dejar espacios.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Agregar im\u00e1genes<\/h2>\n\n\n\n<p>Se utilizan igualmente corchetes y par\u00e9ntesis. Para ir a una imagen en cuesti\u00f3n<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[Imagen](https:\/\/rutadelaimagen.html)<\/pre>\n\n\n\n<p>Para insertar un imagen se utiliza el signo de exclamaci\u00f3n.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">![Imagen](https:\/\/rutadelaimagen.html)<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Utilizar divisiones<\/h2>\n\n\n\n<p>Son 3 guiones medios<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">Este es un texto \n---\nEste es otro p\u00e1rrafo<\/pre>\n\n\n\n<p>En HTML se usa la etiqueta &lt;hr&gt;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Listas<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Listas con n\u00fameros<\/h3>\n\n\n\n<p>La sintaxis es<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">1. Primavera\n1. Verano\n1. Oto\u00f1o\n1. Invierno<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Listas con vi\u00f1etas<\/h3>\n\n\n\n<p>Se pueden utilizar asteriscos o guiones medios<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">* Primavera\n* Verano\n* Oto\u00f1o\n* Invierno<\/pre>\n\n\n\n<p>o<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">- Primavera\n- Verano\n- Oto\u00f1o\n- Invierno<\/pre>\n\n\n\n<p>Para crear una sub lista nos ayudamos de la <strong>indentaci\u00f3n<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Citas<\/h2>\n\n\n\n<p>En HTML se utiliza <strong><em>&lt;blockquote&gt;<\/em><\/strong>. En <strong>Markdown<\/strong> se utiliza el s\u00edmbolo <strong>mayor que (&gt;) <\/strong>para una cita en l\u00ednea, para una cita de bloque<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\/* CITA EN L\u00cdNEA *\/\n&gt; Siempre tienes opci\u00f3n de no tener opini\u00f3n\n\n\/* CITA EN BLOQUE *\/\n&gt; Todo lo que escuchamos es una opini\u00f3n, no un hecho\n&gt;\n&gt; Todo lo que vemos es una perspectiva, no la realidad\n&gt;\n&gt; Marco Aurelio<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Dibujar tablas<\/h2>\n\n\n\n<p>Se utiliza |. por ejm.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">| Nombre | Edad | Correo |\n| --- | --- | --- |\n| Francisco | Paredes | Parralejo |<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Bloques de c\u00f3digo<\/h2>\n\n\n\n<p>Pueden ser en linea o en bloque. Se utiliza el acento grave (`).<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">Hola, soy <code>Francisco<\/code>Paredes<\/pre>\n\n\n\n<p>Para un c\u00f3digo en bloque se utilizan 3 acentos graves, veamos la siguiente sintaxis<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">```\n3 + 4 = 12\n12\n\n```<\/pre>\n\n\n\n<p>o<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">``` js\nfunction sumar(a, b) {\nreturn a + b;\n}\n```<\/pre>\n\n\n\n<p>o<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">``` php\nfunction sumar(a, b) {\nreturn a + b;\n}\n```<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Etiquetas HTML<\/h2>\n\n\n\n<p>Todas las etiquetas <strong>HTML<\/strong> son reconocidas en <strong>Markdown<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Comentarios<\/h2>\n\n\n\n<p>La manera es la misma que en HTML<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><em>&lt;!&#8211; &#8211;><\/em><\/strong><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Imprimir en pantalla<\/h2>\n\n\n\n<p>Los caracteres de escape son (\\) como en el resto de lenguajes de programaci\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Markdown es un lenguaje de marcado ligero. Su creador quer\u00eda conseguir su m\u00e1xima legitimidad. Es una tecnolog\u00eda de texto plano [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":408,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-411","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"Markdown es un lenguaje de marcado ligero. Su creador quer\u00eda conseguir su m\u00e1xima legitimidad. Es una tecnolog\u00eda de texto plano [&hellip;]","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/411","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=411"}],"version-history":[{"count":1,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/411\/revisions"}],"predecessor-version":[{"id":412,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/411\/revisions\/412"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/408"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}