LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb...
Transcript of LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb...
![Page 1: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/1.jpg)
Conceptos Generales de InformáticaLenguajes y Lenguaje de Marcado
Elementos de Programación y Lógica
Unidad 1 - Clase 2
![Page 2: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/2.jpg)
1 Lenguajes.
2 Lenguajes de Marcado.LaTeX.BBCode.WikiText.Markdown.HTML
3 Markdown.El lenguaje.Sintaxis y ejemplos.
Elementos de Programación y Lógica Conceptos Generales de Informática 2 / 57
![Page 3: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/3.jpg)
Lenguajes.
1 Lenguajes.
2 Lenguajes de Marcado.LaTeX.BBCode.WikiText.Markdown.HTML
3 Markdown.El lenguaje.Sintaxis y ejemplos.
Elementos de Programación y Lógica Conceptos Generales de Informática 3 / 57
![Page 4: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/4.jpg)
Lenguajes.
Lenguajes
LenguajeVamos a llamar lenguaje a un conjunto de símbolos y reglasque determinan textos que son válidos y textos que no loson.
Elementos de Programación y Lógica Conceptos Generales de Informática 4 / 57
![Page 5: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/5.jpg)
Lenguajes.
Idiomas
Los idiomas que hablamostodos los días son lenguajes.Cada uno tiene su propioconjunto de símbolos (letras,números, signos depuntuación, etc.) y de reglas(palabras válidas, reglasgramaticales, etc.)Generalmente se denomina“lenguaje natural” al lenguajeque uno emplea paracomunicarse habitualmente, esdecir, a nuestro idioma.
Elementos de Programación y Lógica Conceptos Generales de Informática 5 / 57
![Page 6: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/6.jpg)
Lenguajes.
Idiomas Artificiales
Hay idiomas que consisten en lenguajes artificiales, con distintasfinalidades: artísticas, filantrópicas, científicas, etc.
El Klingon, el Esperanto, el Lojban son algunos ejemplos.
Elementos de Programación y Lógica Conceptos Generales de Informática 6 / 57
![Page 7: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/7.jpg)
Lenguajes.
Sintaxis
Todo lenguaje tiene una sintaxis.
La sintaxis consiste en los símbolos y las reglas que determinancómo disponer los mismos.
Si un texto contiene solamente símbolos válidos, dispuestoscorrectamente de forma tal que se cumplen todas las reglas,entonces ese texto es parte del lenguaje, caso contrario no lo será.
Elementos de Programación y Lógica Conceptos Generales de Informática 7 / 57
![Page 8: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/8.jpg)
Lenguajes.
Sintaxis, orden y reglas de composición
Siempre hay un orden, por ejemplo, en español, al hacer unapregunta se deben colocar los signos de interrogación que delimitanla pregunta (¿?).
¿Cuál es tu nombre?
En inglés, una pregunta está delimitada por la forma de la oración,terminando con el signo de interrogación de cierre (?).
What is your name?
Elementos de Programación y Lógica Conceptos Generales de Informática 8 / 57
![Page 9: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/9.jpg)
Lenguajes.
Semántica
Todo lenguaje tiene además una semántica.
La semántica indica qué significa una determinada secuencia desímbolos. Por ejemplo, que representación mental nos genera al leerla palabra “Pelota” o “Correr”.
Es eso que generalmente vemos descrito en el diccionario, aunquela semántica varía de acuerdo al contexto.
Elementos de Programación y Lógica Conceptos Generales de Informática 9 / 57
![Page 10: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/10.jpg)
Lenguajes.
Yodalang: Lenguaje de ejemplo
Por ejemplo, podemos definir un lenguaje que contenga comosímbolos solo las letras del idioma español en mayúscula, y elespacio en blanco:
A, B, C, D, E, F, G, H, I, J, K, L, M, N, Ñ, O, P, Q, R, S,T, U, V, W, X, Y, Z.
También vamos a aceptar las letras acentuadas.
Y como reglas, vamos a definir que los símbolos se pueden agruparuno tras otro, formando palabras como en el español, pero que adiferencia de este idioma, en cada renglón solo puede haber trespalabras (o sea, solo puede haber dos espacios por renglón).
Elementos de Programación y Lógica Conceptos Generales de Informática 10 / 57
![Page 11: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/11.jpg)
Lenguajes.
Yodalang: Sintaxis
En el lenguaje que definimos estas frases son válidas:VÁLIDO ESTO ES.INVÁLIDO ESTO NO.VENCER SITH DEBES.
Estas frases no lo son:VÁLIDO ESTO NO ES.DARTH VADER TU PADRE ES.
Elementos de Programación y Lógica Conceptos Generales de Informática 11 / 57
![Page 12: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/12.jpg)
Lenguajes.
Yodalang: Semántica
En el lenguaje que definimos esas frases no significanabsolutamente nada, pues nunca definimos su semántica.
Deberíamos, para definir el lenguaje, decir que significa cadapalabra de nuestro lenguaje para determinar qué es lo que se debeinterpretar de cada renglón, y como las frases deben serinterpretadas.
Ojo, cómo usamos los mismos símbolos del español, y las mismaspalabras, nuestra mente tiende a asociar automáticamente unsignificado, pero esto no es válido.
Elementos de Programación y Lógica Conceptos Generales de Informática 12 / 57
![Page 13: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/13.jpg)
Lenguajes.
Yodalang: Semántica, continuación
Sin definir la semántica, es imposible determinar qué significa unafrase:
VENCER SITH DEBES.¿Debemos interpretar “Debes vencer a los Sith” o “Sith,debes vencer”?¿Será que “VENCER SITH DEBES” es lo mismo que“DEBES SITH VENCER”?
Elementos de Programación y Lógica Conceptos Generales de Informática 13 / 57
![Page 14: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/14.jpg)
Lenguajes.
Yodalang: Desambiguación
Un humano puede entender lenguajes con sintaxis y semánticascomplejas gracias a que puede pensar y desambiguar.
Las computadoras no pueden desambiguar ni entendercontextos .
Los lenguajes que las computadoras pueden comprender y procesarsuelen tener una sintaxis sencilla y una semántica sin ambigüedades.
Elementos de Programación y Lógica Conceptos Generales de Informática 14 / 57
![Page 15: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/15.jpg)
Lenguajes de Marcado.
1 Lenguajes.
2 Lenguajes de Marcado.LaTeX.BBCode.WikiText.Markdown.HTML
3 Markdown.El lenguaje.Sintaxis y ejemplos.
Elementos de Programación y Lógica Conceptos Generales de Informática 15 / 57
![Page 16: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/16.jpg)
Lenguajes de Marcado.
Lenguajes de Marcado
Un lenguaje de marcado es un lenguaje en donde algunos símboloscobran un significado especial. Son marcas que indican algo, porejemplo qué función cumple un determinado texto, o cómo deberíaverse en pantalla con algún visualizador.
Ej. Whatsapp.
Elementos de Programación y Lógica Conceptos Generales de Informática 16 / 57
![Page 17: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/17.jpg)
Lenguajes de Marcado.
Lenguajes de marcado: Utilidad
Un lenguaje de marcado sirve para comunicar contenido deforma semántica.Un lenguaje de marcado no es un lenguaje de programación.Los lenguajes de marcado son utilizados en la industriaeditorial y de la comunicación, así como entre autores, editorese impresores.Los lenguajes de marcado son ampliamente usado para generardocumentación que acompaña a proyectos de software.El lenguaje de marcado más popular, HTML, sirve para diseñary estructurar un sitio web.
Elementos de Programación y Lógica Conceptos Generales de Informática 17 / 57
![Page 18: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/18.jpg)
Lenguajes de Marcado.
Lenguajes de marcado: Características
Suelen ser fáciles de leer y escribir por humanos , pero nocontienen ambigüedades de ningún tipo en su semántica,permitiendo que sean interpretables por una computadora .
Hay muchos lenguaje de marcado (cada lenguaje tiene su conjuntoespecífico de reglas)
Cada lenguaje de marcado tiene una utilidad específica : generardocumentos en PDF, escribir documentación de proyectos, describirpáginas web, etc.
Vamos a mencionar algunos de ellos.
Elementos de Programación y Lógica Conceptos Generales de Informática 18 / 57
![Page 19: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/19.jpg)
Lenguajes de Marcado.
1 Lenguajes.
2 Lenguajes de Marcado.LaTeX.BBCode.WikiText.Markdown.HTML
3 Markdown.El lenguaje.Sintaxis y ejemplos.
Elementos de Programación y Lógica Conceptos Generales de Informática 19 / 57
![Page 20: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/20.jpg)
Lenguajes de Marcado.
LaTeX
LaTeX es un lenguaje que incluye marcas que permiten generardocumentos listos para imprimir (PDF o similares).
Es un lenguaje muy complejo, pero muy poderoso.
Es el lenguaje utilizado habitualmente para escribir paperscientíficos, tesis de licenciatura, libros técnicos, y mucho más.
Lo van a tener que usar en algún punto de la carrera, tanto paraentregar TPs como para el trabajo final de la carrera.
Elementos de Programación y Lógica Conceptos Generales de Informática 20 / 57
![Page 21: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/21.jpg)
Lenguajes de Marcado.
LaTeX: Ejemplo
Elementos de Programación y Lógica Conceptos Generales de Informática 21 / 57
![Page 22: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/22.jpg)
Lenguajes de Marcado.
1 Lenguajes.
2 Lenguajes de Marcado.LaTeX.BBCode.WikiText.Markdown.HTML
3 Markdown.El lenguaje.Sintaxis y ejemplos.
Elementos de Programación y Lógica Conceptos Generales de Informática 22 / 57
![Page 23: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/23.jpg)
Lenguajes de Marcado.
BBCode
BBCode es un lenguaje de marcado que es utilizado en forosde internet para embellecer los mensajes que envían los usuarios.
El código BBCode permite marcar que texto irá en negrita,subrayado, determinar el color, etc.
El código BBCode permite incluso agregar emoticones y cosassimilares escribiendo simplemente una marca en el texto.
Elementos de Programación y Lógica Conceptos Generales de Informática 23 / 57
![Page 24: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/24.jpg)
Lenguajes de Marcado.
BBCode: Ejemplo
Puede verse un ejemplo completo en:http://www.roleplayerguild.com/bbcode
Elementos de Programación y Lógica Conceptos Generales de Informática 24 / 57
![Page 25: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/25.jpg)
Lenguajes de Marcado.
1 Lenguajes.
2 Lenguajes de Marcado.LaTeX.BBCode.WikiText.Markdown.HTML
3 Markdown.El lenguaje.Sintaxis y ejemplos.
Elementos de Programación y Lógica Conceptos Generales de Informática 25 / 57
![Page 26: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/26.jpg)
Lenguajes de Marcado.
WikiText
Es un lenguaje de marcado diseñado específicamente parapáginas de wikis , por ejemplo Wikipedia.
Incluye marcas de estilo, como negrita, resaltado, etc. pero elsímbolo usado para esas marcas depende del software que se utilicepara la wiki.
Wikipedia ha propuesto un estándar conocido como MediaWiki queha sido ampliamente adoptado.
Elementos de Programación y Lógica Conceptos Generales de Informática 26 / 57
![Page 27: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/27.jpg)
Lenguajes de Marcado.
WikiText: Ejemplo
Elementos de Programación y Lógica Conceptos Generales de Informática 27 / 57
![Page 28: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/28.jpg)
Lenguajes de Marcado.
1 Lenguajes.
2 Lenguajes de Marcado.LaTeX.BBCode.WikiText.Markdown.HTML
3 Markdown.El lenguaje.Sintaxis y ejemplos.
Elementos de Programación y Lógica Conceptos Generales de Informática 28 / 57
![Page 29: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/29.jpg)
Lenguajes de Marcado.
Markdown
Es un lenguaje de marcado diseñado para maximizar lafacilidad de lectura , tanto en su entrada como en su salida.
Se inspira fuertemente en convenciones usadas al momento deenviar correos electrónicos en texto plano.
Muchos sistemas de blogs permiten escribir artículos en códigoMarkdown.
En programación es ampliamente utilizado para escribirdocumentación de los programas.
Veremos más de este lenguaje en las próximas clases
Elementos de Programación y Lógica Conceptos Generales de Informática 29 / 57
![Page 30: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/30.jpg)
Lenguajes de Marcado.
1 Lenguajes.
2 Lenguajes de Marcado.LaTeX.BBCode.WikiText.Markdown.HTML
3 Markdown.El lenguaje.Sintaxis y ejemplos.
Elementos de Programación y Lógica Conceptos Generales de Informática 30 / 57
![Page 31: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/31.jpg)
Lenguajes de Marcado.
HTML
HyperText Markup Language (HTML) es un lenguaje demarcado que sirve para describir páginas web .
Es el lenguaje de marcado más extendido en su uso.
El principio básico del HTML son las etiquetas , que actúan demarcas para indicar distintos tipos de contenidos en un sitio web.
HTML se orienta a describir qué contenidos van a ser presentadosen un sitio web, y estructurarlos de forma semántica.
También lo veremos en profundidad en la próxima clase
Elementos de Programación y Lógica Conceptos Generales de Informática 31 / 57
![Page 32: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/32.jpg)
Markdown.
1 Lenguajes.
2 Lenguajes de Marcado.LaTeX.BBCode.WikiText.Markdown.HTML
3 Markdown.El lenguaje.Sintaxis y ejemplos.
Elementos de Programación y Lógica Conceptos Generales de Informática 32 / 57
![Page 33: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/33.jpg)
Markdown.
Markdown
Es un lenguaje de marcado diseñado para maximizar lafacilidad de lectura , tanto en su entrada como en su salida.
Se inspira fuertemente en convenciones usadas al momento deenviar correos electrónicos en texto plano.
Muchos sistemas de blogs permiten escribir artículos en códigoMarkdown.
En programación es ampliamente utilizado para escribirdocumentación de los programas.
Su salida suele ser un documento HTML.
Elementos de Programación y Lógica Conceptos Generales de Informática 33 / 57
![Page 34: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/34.jpg)
Markdown.
Markdown: Editores y Visualizadores
Se puede utilizar cualquier editor de texto para editar el archivo.
Se debe contar con un visualizador específico para Markdown parapoder ver el resultado final.
Como su salida es un HTML, un visualizador de HTML tambiénpuede servir.
Elementos de Programación y Lógica Conceptos Generales de Informática 34 / 57
![Page 35: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/35.jpg)
Markdown.
Markdown: Editores
Hay editores de texto específicos para Markdown, que permiten vertanto la entrada como la salida al mismo tiempo.
Hay incluso editores de markdown online, basta contar conconexión a internet. Vamos a estar utilizando el siguiente:
http://dillinger.io/
Pero pueden utilizar también:
Atom, Sublime Text, Visual Studio Code, etc.
(Algunos pueden requerir complementos para visualizar la salida)
Elementos de Programación y Lógica Conceptos Generales de Informática 35 / 57
![Page 36: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/36.jpg)
Markdown.
Markdown: ¿Por qué lo usamos?
Para nosotros va a ser de extrema importancia, pues va a ser elformato con el que vamos a enviar mails y documentar nuestrosprogramas (No solo en esta materia sino en toda la carrera).
Es un estándar en la industria, por lo que aprenderlo es fundamentalpara cualquiera que quiera dedicarse a la programación.
Elementos de Programación y Lógica Conceptos Generales de Informática 36 / 57
![Page 37: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/37.jpg)
Markdown.
Markdown: Ejemplos de markdown en la industria
El sitio web GitHub que almacena código fuente de muchosprogramas de software libre (luego veremos de que se trata eso)utiliza Markdown como lenguaje para documentar los proyectos.
Algunos proyectos en GitHub:Apache HTTPD.Arara.Scala.
Elementos de Programación y Lógica Conceptos Generales de Informática 37 / 57
![Page 38: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/38.jpg)
Markdown.
Markdown como generador de sitios web
Markdown está muy ligado a otro lenguaje de marcado, el HTML.De hecho, la mayoría de los visualizadores de Markdowntransforman el mismo en un documento HTML, documento que,como veremos en próximas clases, sirve para definir sitios web.
Por ese motivo, muchos visualizadores dan la opción de obtener elarchivo HTML a partir de un archivo Markdown. Eso, si bien puederesultar útil en algunos escasos escenarios, no es en absoluto laintención de Markdown.
Es decir, Markdown no es un lenguaje pensado para armar ydescribir sitios web , ni siquiera bosquejos del mismo. Por tantono debe ser utilizado para ello.
Elementos de Programación y Lógica Conceptos Generales de Informática 38 / 57
![Page 39: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/39.jpg)
Markdown.
1 Lenguajes.
2 Lenguajes de Marcado.LaTeX.BBCode.WikiText.Markdown.HTML
3 Markdown.El lenguaje.Sintaxis y ejemplos.
Elementos de Programación y Lógica Conceptos Generales de Informática 39 / 57
![Page 40: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/40.jpg)
Markdown.
Markdown: Párrafos
Todo texto escrito, sin marcas aparece tal cual.Todo el texto que no tiene saltos de línea conforma un párrafo.Si hay un salto de línea, este aparece en el resultado, pero nose termina el párrafo.Si se aplican dos o más saltos de línea consecutivos, entoncesse da comienzo a un nuevo párrafo (No importa si hay 20saltos de línea consecutivos, el resultado no mostrará 20, sinosolo el inicio de un nuevo párrafo)
Elementos de Programación y Lógica Conceptos Generales de Informática 40 / 57
![Page 41: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/41.jpg)
Markdown.
Markdown: Párrafos. Visualización
Elementos de Programación y Lógica Conceptos Generales de Informática 41 / 57
![Page 42: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/42.jpg)
Markdown.
Markdown: Títulos
El texto subrayado con signos de igual (=) es un título, el resaltadocon signos de menos (-) es un subtítulo.
Las almohadillas (#) también representan título que van de mayora menor importancia dependiendo de la cantidad de almohadillasconsecutivas (máximo 6)
Elementos de Programación y Lógica Conceptos Generales de Informática 42 / 57
![Page 43: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/43.jpg)
Markdown.
Markdown: Títulos. Visualización
Elementos de Programación y Lógica Conceptos Generales de Informática 43 / 57
![Page 44: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/44.jpg)
Markdown.
Markdown: Énfasis
Colocar texto entre asteriscos (*) o guiones bajos (_) permite darénfasis a palabras o frases.
*Un asterisco da por resultado italica*._Un guion bajo tambien es italica_.
**Dos asteriscos dan negrita**.__Al igual que dos guiones bajos__.
Elementos de Programación y Lógica Conceptos Generales de Informática 44 / 57
![Page 45: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/45.jpg)
Markdown.
Markdown: Énfasis. Visualización
Elementos de Programación y Lógica Conceptos Generales de Informática 45 / 57
![Page 46: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/46.jpg)
Markdown.
Markdown: Citas
En Markdown se puede citar texto utilizando un formato similar alque usan los sistemas correo electrónico, con el carácter de mayor(>).
Elementos de Programación y Lógica Conceptos Generales de Informática 46 / 57
![Page 47: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/47.jpg)
Markdown.
Markdown: Citas. Visualización
Elementos de Programación y Lógica Conceptos Generales de Informática 47 / 57
![Page 48: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/48.jpg)
Markdown.
Markdown: Listas
Se pueden generar listas no ordenadas comenzando la línea conasterisco (*), signo de suma (+) o de resta (-) siendo todosequivalentes.
Se pueden generar listas numeradas usando el número para el iniciode la línea seguido de un punto (1.).
Elementos de Programación y Lógica Conceptos Generales de Informática 48 / 57
![Page 49: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/49.jpg)
Markdown.
Markdown: Listas. Visualización
Elementos de Programación y Lógica Conceptos Generales de Informática 49 / 57
![Page 50: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/50.jpg)
Markdown.
Markdown: Separadores
Se pueden ingresar líneas de separación horizontales usando almenos tres signos de menos consecutivos (—) o tres asteriscos(***) y luego seguirlo de un salto de línea.
También es posible agregar varios signos de menos o asteriscos máspara representar la misma separación.
Elementos de Programación y Lógica Conceptos Generales de Informática 50 / 57
![Page 51: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/51.jpg)
Markdown.
Markdown: Separadores. Visualización
Elementos de Programación y Lógica Conceptos Generales de Informática 51 / 57
![Page 52: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/52.jpg)
Markdown.
Markdown: Enlaces
Se puede agregar enlaces a un sitio web (links) colocando el texto amostrar en el enlace entre corchetes seguido por la dirección a lacual se va al presionarlo entre paréntesis.
Por ejemplo:[Ir a Google](http://google.com)
Elementos de Programación y Lógica Conceptos Generales de Informática 52 / 57
![Page 53: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/53.jpg)
Markdown.
Markdown: Enlaces. Visualización
Elementos de Programación y Lógica Conceptos Generales de Informática 53 / 57
![Page 54: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/54.jpg)
Markdown.
Markdown: Imágenes
Se pueden insertar imágenes de la misma forma que un link, peroagregando el signo de exclamación antes de los corchetes. En estecaso, los corchetes contienen la descripción de la imagen (Nodeberían quedar vacíos).
Por ejemplo:![Descripción de la imágen](http://link_a_una_imagen.jpg)
Elementos de Programación y Lógica Conceptos Generales de Informática 54 / 57
![Page 55: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/55.jpg)
Markdown.
Markdown: Imágenes. Visualización
Elementos de Programación y Lógica Conceptos Generales de Informática 55 / 57
![Page 56: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/56.jpg)
Markdown.
Markdown: Otros elementos
Hay muchos otros elementos, como citas, inclusión de código deejemplos, etc. No es el propósito de este curso ni de estadiapositiva volverlos expertos en Markdown.
Si les interesa, siempre se puede encontrar mucha más informaciónen internet. Basta buscar “sintaxis de markdown” o algo parecido.
Elementos de Programación y Lógica Conceptos Generales de Informática 56 / 57
![Page 57: LenguajesyLenguajedeMarcado ... · Markdown. Markdowncomogeneradordesitiosweb Markdownestámuyligadoaotrolenguajedemarcado,elHTML. Dehecho,lamayoríadelosvisualizadoresdeMarkdown](https://reader033.fdocuments.es/reader033/viewer/2022042007/5e705aed73424e24ee513406/html5/thumbnails/57.jpg)
Conceptos Generales de InformáticaLenguajes y Lenguaje de Marcado
Elementos de Programación y Lógica
Unidad 1 - Clase 2