{"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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">Para aplicar cursiva<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">_cursiva_<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Para negrita<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">**negrita**<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">Si queremos armar un temario:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La sintaxis ser\u00eda<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[Aprendiendo _Markdown_](#Aprendiendo-Markdown)<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 que se centrara m\u00e1s en el contenido. Markdown 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. Nota: Es muy importante aprender [&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 que se centrara m\u00e1s en el contenido. Markdown 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. Nota: Es muy importante aprender&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}]}}