Linguagem de Marcação

Desafio

Código:

/codes/markup/markup-language/text.txt

Lorem ipsum

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos distinctio aliquid quisquam enim qui animi accusantium, officia quasi quam illum architecto minima sapiente, voluptas nesciunt perspiciatis. Facilis natus id explicabo?

/codes/markup/markup-language/text.txt

Lorem ipsum

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos distinctio aliquid quisquam enim qui animi accusantium, officia quasi quam illum architecto minima sapiente, voluptas nesciunt perspiciatis. Facilis natus id explicabo?

Resultado:

markup-language

Markdown

Código:

/codes/markup/markup-language/text.md

# Lorem ipsum
 
Lorem **ipsum** _dolor_ sit amet consectetur, adipisicing elit. Quos distinctio aliquid quisquam enim qui animi accusantium, officia quasi quam illum architecto minima sapiente, voluptas nesciunt perspiciatis. Facilis natus id explicabo?

/codes/markup/markup-language/text.md

# Lorem ipsum
 
Lorem **ipsum** _dolor_ sit amet consectetur, adipisicing elit. Quos distinctio aliquid quisquam enim qui animi accusantium, officia quasi quam illum architecto minima sapiente, voluptas nesciunt perspiciatis. Facilis natus id explicabo?

Marcação:

Estrutura	.md
Title	#
paragraph	quebra de linha
Italic	*, _
Bold	**, __

Resultado (Markdown Preview - vscode):

markup-language

Referências:

LaTeX

Código:

/codes/markup/markup-language/text.tex

\documentclass[12pt]{article}
\usepackage[latin1]{inputenc}
 
\begin{document}
 
\section*{Lorem Ipsum}
 
Lorem \textbf{ipsum} \emph{dolor} sit amet consectetur, adipisicing elit. Quos distinctio aliquid quisquam enim qui animi accusantium, officia quasi quam illum architecto minima sapiente, voluptas nesciunt perspiciatis. Facilis natus id explicabo?
 
\end{document}

/codes/markup/markup-language/text.tex

\documentclass[12pt]{article}
\usepackage[latin1]{inputenc}
 
\begin{document}
 
\section*{Lorem Ipsum}
 
Lorem \textbf{ipsum} \emph{dolor} sit amet consectetur, adipisicing elit. Quos distinctio aliquid quisquam enim qui animi accusantium, officia quasi quam illum architecto minima sapiente, voluptas nesciunt perspiciatis. Facilis natus id explicabo?
 
\end{document}

Marcação:

Estrutura	.tex
Title	\section*
paragraph	quebra de linha
Italic	\emph
Bold	\textbf

Resultado: (LaTex Base)

Referências:

XML

Código:

/codes/markup/markup-language/text-odt-content-clean.xml

<?xml version="1.0" encoding="UTF-8"?>
<office:document-content office:version="1.3">
  <office:scripts/>
  <office:font-face-decls>
    <style:font-face style:name="apple-system" svg:font-family="apple-system, BlinkMacSystemFont, &apos;Segoe WPC&apos;, &apos;Segoe UI&apos;, system-ui, Ubuntu, &apos;Droid Sans&apos;, sans-serif"/>
    <style:font-face style:name="Liberation Serif" svg:font-family="&apos;Liberation Serif&apos;" style:font-family-generic="roman" style:font-pitch="variable"/>
    <style:font-face style:name="Liberation Sans" svg:font-family="&apos;Liberation Sans&apos;" style:font-family-generic="swiss" style:font-pitch="variable"/>
    <style:font-face style:name="DejaVu Sans" svg:font-family="&apos;DejaVu Sans&apos;" style:font-family-generic="system" style:font-pitch="variable"/>
  </office:font-face-decls>
  <office:automatic-styles>
    <style:style style:name="P1" style:family="paragraph" style:parent-style-name="Text_20_body">
      <style:paragraph-properties fo:margin-left="0cm" fo:margin-right="0cm" fo:margin-top="0cm" fo:margin-bottom="0.247cm" style:contextual-spacing="false" fo:orphans="2" fo:widows="2" fo:text-indent="0cm" style:auto-text-indent="false"/>
      <style:text-properties officeooo:paragraph-rsid="000c9e51"/>
    </style:style>
    <style:style style:name="T1" style:family="text">
      <style:text-properties fo:font-variant="normal" fo:text-transform="none" fo:color="#000000" loext:opacity="100%" style:font-name="apple-system" fo:font-size="10.5pt" fo:letter-spacing="normal" fo:font-style="normal" fo:font-weight="normal"/>
    </style:style>
    <style:style style:name="T2" style:family="text">
      <style:text-properties fo:font-variant="normal" fo:text-transform="none" fo:color="#000000" loext:opacity="100%" style:font-name="apple-system" fo:font-size="10.5pt" fo:letter-spacing="normal" fo:font-style="normal" fo:font-weight="bold" style:font-weight-asian="bold" style:font-weight-complex="bold"/>
    </style:style>
    <style:style style:name="T3" style:family="text">
      <style:text-properties fo:font-variant="normal" fo:text-transform="none" fo:color="#000000" loext:opacity="100%" style:font-name="apple-system" fo:font-size="10.5pt" fo:letter-spacing="normal" fo:font-style="italic" fo:font-weight="normal" style:font-style-asian="italic" style:font-style-complex="italic"/>
    </style:style>
  </office:automatic-styles>
  <office:body>
    <office:text>
      <text:sequence-decls>
        <text:sequence-decl text:display-outline-level="0" text:name="Illustration"/>
        <text:sequence-decl text:display-outline-level="0" text:name="Table"/>
        <text:sequence-decl text:display-outline-level="0" text:name="Text"/>
        <text:sequence-decl text:display-outline-level="0" text:name="Drawing"/>
        <text:sequence-decl text:display-outline-level="0" text:name="Figure"/>
      </text:sequence-decls>
      <text:h text:style-name="Heading_20_1" text:outline-level="1">Lorem ipsum</text:h>
      <text:p text:style-name="P1">
        <text:span text:style-name="T1">Lorem </text:span>
        <text:span text:style-name="T2">ipsum</text:span>
        <text:span text:style-name="T1"></text:span>
        <text:span text:style-name="T3">dolor</text:span>
        <text:span text:style-name="T1"> sit amet consectetur, adipisicing elit. Quos distinctio aliquid quisquam enim qui animi accusantium, officia quasi quam illum architecto minima sapiente, voluptas nesciunt perspiciatis. Facilis natus id explicabo?</text:span>
      </text:p>
      <text:p text:style-name="Standard"/>
    </office:text>
  </office:body>
</office:document-content>

/codes/markup/markup-language/text-odt-content-clean.xml

<?xml version="1.0" encoding="UTF-8"?>
<office:document-content office:version="1.3">
  <office:scripts/>
  <office:font-face-decls>
    <style:font-face style:name="apple-system" svg:font-family="apple-system, BlinkMacSystemFont, &apos;Segoe WPC&apos;, &apos;Segoe UI&apos;, system-ui, Ubuntu, &apos;Droid Sans&apos;, sans-serif"/>
    <style:font-face style:name="Liberation Serif" svg:font-family="&apos;Liberation Serif&apos;" style:font-family-generic="roman" style:font-pitch="variable"/>
    <style:font-face style:name="Liberation Sans" svg:font-family="&apos;Liberation Sans&apos;" style:font-family-generic="swiss" style:font-pitch="variable"/>
    <style:font-face style:name="DejaVu Sans" svg:font-family="&apos;DejaVu Sans&apos;" style:font-family-generic="system" style:font-pitch="variable"/>
  </office:font-face-decls>
  <office:automatic-styles>
    <style:style style:name="P1" style:family="paragraph" style:parent-style-name="Text_20_body">
      <style:paragraph-properties fo:margin-left="0cm" fo:margin-right="0cm" fo:margin-top="0cm" fo:margin-bottom="0.247cm" style:contextual-spacing="false" fo:orphans="2" fo:widows="2" fo:text-indent="0cm" style:auto-text-indent="false"/>
      <style:text-properties officeooo:paragraph-rsid="000c9e51"/>
    </style:style>
    <style:style style:name="T1" style:family="text">
      <style:text-properties fo:font-variant="normal" fo:text-transform="none" fo:color="#000000" loext:opacity="100%" style:font-name="apple-system" fo:font-size="10.5pt" fo:letter-spacing="normal" fo:font-style="normal" fo:font-weight="normal"/>
    </style:style>
    <style:style style:name="T2" style:family="text">
      <style:text-properties fo:font-variant="normal" fo:text-transform="none" fo:color="#000000" loext:opacity="100%" style:font-name="apple-system" fo:font-size="10.5pt" fo:letter-spacing="normal" fo:font-style="normal" fo:font-weight="bold" style:font-weight-asian="bold" style:font-weight-complex="bold"/>
    </style:style>
    <style:style style:name="T3" style:family="text">
      <style:text-properties fo:font-variant="normal" fo:text-transform="none" fo:color="#000000" loext:opacity="100%" style:font-name="apple-system" fo:font-size="10.5pt" fo:letter-spacing="normal" fo:font-style="italic" fo:font-weight="normal" style:font-style-asian="italic" style:font-style-complex="italic"/>
    </style:style>
  </office:automatic-styles>
  <office:body>
    <office:text>
      <text:sequence-decls>
        <text:sequence-decl text:display-outline-level="0" text:name="Illustration"/>
        <text:sequence-decl text:display-outline-level="0" text:name="Table"/>
        <text:sequence-decl text:display-outline-level="0" text:name="Text"/>
        <text:sequence-decl text:display-outline-level="0" text:name="Drawing"/>
        <text:sequence-decl text:display-outline-level="0" text:name="Figure"/>
      </text:sequence-decls>
      <text:h text:style-name="Heading_20_1" text:outline-level="1">Lorem ipsum</text:h>
      <text:p text:style-name="P1">
        <text:span text:style-name="T1">Lorem </text:span>
        <text:span text:style-name="T2">ipsum</text:span>
        <text:span text:style-name="T1"></text:span>
        <text:span text:style-name="T3">dolor</text:span>
        <text:span text:style-name="T1"> sit amet consectetur, adipisicing elit. Quos distinctio aliquid quisquam enim qui animi accusantium, officia quasi quam illum architecto minima sapiente, voluptas nesciunt perspiciatis. Facilis natus id explicabo?</text:span>
      </text:p>
      <text:p text:style-name="Standard"/>
    </office:text>
  </office:body>
</office:document-content>

Marcação:

Estrutura	.odt
Title	`<text:h>`
paragraph	`<text:p>`
Italic	`<text:span>` com `font-style="italic"`
Bold	`<text:span>` com `font-style="bold"`

Resultado: (Libre Office)

Referências:

HTML

Código:

/codes/markup/markup-language/text.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h1>Lorem ipsum</h1>
    <p>
      Lorem <strong>ipsum</strong> <em>dolor</em> sit amet consectetur,
      adipisicing elit. Quos distinctio aliquid quisquam enim qui animi
      accusantium, officia quasi quam illum architecto minima sapiente, voluptas
      nesciunt perspiciatis. Facilis natus id explicabo?
    </p>
  </body>
</html>

/codes/markup/markup-language/text.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h1>Lorem ipsum</h1>
    <p>
      Lorem <strong>ipsum</strong> <em>dolor</em> sit amet consectetur,
      adipisicing elit. Quos distinctio aliquid quisquam enim qui animi
      accusantium, officia quasi quam illum architecto minima sapiente, voluptas
      nesciunt perspiciatis. Facilis natus id explicabo?
    </p>
  </body>
</html>

Marcação:

Estrutura	.html
Title	`<h1>`
paragraph	`<p>`
Italic	`<em>`
Bold	`<strong>`

Resultado (Web Browser):

markup-language

Referências:

Comparação de Marcadores

Estrutura	.md	.tex	.odt	.html
Title	#	\section*	`<text:h>`	`<h1>`
paragraph	quebra de linha	quebra de linha	`<text:p>`	`<p>`
Italic	*	\emph	`<text:span>`	`<em>`
Bold	**	\textbf	`<text:span>`	`<strong>`

Editar esta página

Linguagem de Marcação

Desafio

Markdown

Title

LaTeX

Title

XML

Title

HTML

Title

Comparação de Marcadores

Title