🇧🇷 O que é Markdown? Tutorial Fácil para Iniciantes

o mcdonald's é uma linguagem de marcação de texto que era pelo john gruber em 2004 para formatar e preparar texto sem precisar os html e sem precisar usar formatos fechados como o microsoft word e outros a ideia do maridão essa elegível para qualquer pessoa mas ao mesmo tempo também ter as características para formatações mais avançadas utilizando apenas texto puro mcdonnell deve ser reconhecida no arquivo de texto sem exigir um processamento especial para você escrever markdown você usa basicamente caracteres e marcação e pontuação como aspas colchetes parênteses e assim sucessivamente material se tornou popular com do

gueto rap adotou para escrita de descrições e repositórios opensource e a partir disso maquinal para solar será largamente utilizado em software para escrever documentações e especificações passou a ser utilizada como linguagem de formatação o fórum e aplicativo de chet e até mesmo escritores muitos muitos escritores usam markdown para escrever livros porque é muito fácil você compartilhar os manuscritos escrito em markdown eles são arquivos de texto puro usando simples marcações e nesse vídeo então eu vou mostrar para vocês qual é a sintaxe fundamental básica que você deve saber de maquinal não importa se você esteja programador

artista você sempre tem uma pessoa comum usando o computador marcos não vai ser útil para você porque todos nós escrevemos nossas escrevendo alguma coisa no computador e marque down é a forma mais fácil e direta de você escrever o pensamento das necessidades e projetos e como eu mostrei escrever até mesmo artigos e livros então vamos lá vamos começar a é bom primeiramente onde escreveu em markdown você pode escrever aonde você quiser porque matinal e texto puro você pode escrever por exemplo aqui no bloco de notas por exemplo colocar que vou selecionar tudo control c control

v e vou por exemplo aqui no google digitar máquina um perfil vou abrir esses parte colaram que eu escrevi está aqui mas claro que isso não é muito prático você pode então diretamente usar um website como esse mark down live preview hoje em dia praticamente todo editor de código tem suporte direto makibao basta você separar sentar no momento e você vai embaixo no canto inferior direito e escolhe qual é a linguagem se você digitar maquinal vai estar aqui ou mas para você salvar um arquivo com a extensão ponto md e os editores de texto automaticamente

da já tem suporte ao prévio por exemplo no vs code você pode apertar contra o chip p escrever markdown e abrir o pen preview oi haha por exemplo para direita e não arrumar outra aba na outra coluna você tem certeza ommadawn e em tempo real você vai ter o preview da sua formatação você pode usar o programa como um joplin e nesse caso não é só para o programa dores é para qualquer tipo de qualquer pessoa que tem um computador e um celular você pode instalar o dió play para você criar notas e blocos com

várias notas e pegue eu já falei do dia ontem no vídeo anterior e é o é o programa que eu uso para escrever qualquer coisa sejam rascunhos para artigo saquinhos para meus vídeos é onde quando eu estudo alguma coisa nova aonde eu faço anotações que você pode colocar imagens pode colocar anexos podem formar tem uma boa formatação de material ou também você vai usar o mar total de uma forma mais direta por exemplo no fórum do que a jogo e sistema de forma chama discurso você escreve os pulsos smackdown você pode ver esse exemplo do

posto que eu escrevi aqui está em markdown e aqui em tempo real fica formatação se você usa o discord' e você também pode me mandar algumas mensagens formatadas formar que tal presentar itálico para você formatar um exemplo de código som você também pode ter um programa específico de material por exemplo o piper.io você faz o download do thai para e aí você pode escrever diretamente martingal nele você vai ter o previu em tempo real vamos então para tutorial de matinal eu vou usar o vs code vou salvar aqui o arquivo ver tutorial ponto ml ou

prestar contas shift veio aqui no contra o chip aqui no vs code vou com a máquina ao prévio ou vem aqui e traz arrastar aqui hoje tem o preview para a sintaxe completa de material eu vou deixar alguns links na descrição do vídeo para você ver para você ter sempre uma referência bom vamos lá o primeiro assunto fundamental são cabeçalhos você faz cabeçario com símbolo do sustenido ou inglês hashtag um sustenido é o cabeça ali que se chama dá um maior então o título dos temidos afonso fica um pouco menor como se fosse um subtítulo

tá vendo na formatação inclusive tipo normalmente já vêm comprado uma linha subtítulo a linha a fonte vai diminuindo três sustenidos e assim sucessivamente o limite são seis sustenidos que é como se fosse proporcional a emenda do h-6 html tão subtítulo podem ver que já é bem menor uma outra forma e é você colocar o sinal de igual embaixo de um texto comprando título isso aqui é para o título principal e se você colocar três traços ou mais subtítulo o tamanho 2 o famoso h2 em html o outro elemento principal de marketing da é o para

você vai precisar dois asteriscos oi para o itálico underline ou um asterisco itálico a quebra de linha em markdown se dá com dois espaços você não está aqui ó apesar desse todos estarem uma nova linha a renderização ocorre tudo na mesma linha então você tá um espaço extra você tem uma quebra de linha então para maquina um facilita muito ainda mais se você estiver escrevendo um artigo e se precisar escrever sempre se preocupar com a formatação do presente das tags você simplesmente quer dar um espaço e a forma mais natural de dar um espaço é

cortar em ter então é assim que funciona em matinal a lista você cima a gente coloca um sinal de menos um tracinho escreve o item uma nova linha um outro item da lista e você pode ver que automaticamente formatá-lo como lista para uma lista uma sub lista né uma indentação de lista no centro dois espaços antes do próximo item tá vendo aqui e assim você pode ir mais dois espaços a ficar cada vez no nível mais interna para ir lista numerada você utiliza um ponto item um ponto e tem dois tá vendo aqui que o

item qualquer só para você não se confundir automaticamente a renderização do mark down vai comprar os itens se você quiser dizer o número explicitamente você tem que numerar em ordem dessa forma porém é muito mais fácil sempre escrever um ponto porque assim se eu quiser morrer por exemplo esse item esse item agora para o última posição é só que o pico alô aí para baixo e aqui ele foi renderizado com a contagem correta o código você vai usar crase foi fazendo digitar um código aqui vamos lá o haroldo como você pode ver formatando como código

nesse caso código na mesma linha então eu posso fazer aqui a minha dúvida é em relação a lu o haroldo tá vendo aqui que o código foi formatado na mesma linha se eu quiser agora colocar um bloco de código mais estendido eu vou escrever crazy três vezes vou colar o código aqui no meio ó e vou fechar com 3 casas novamente tá vendo que foi formatado se você quiser descer dizer qual é a linguagem que está no meio do código você pode escrever após os três carros então e caso apresenta posso fazer que lua ou

escrever já vou excluir porque eu respondi é de javascript os conheci sharp por exemplo 100 mais 100 mais mais fazendo então assim um bloco de código você também pode formatar um texto pré-formatado colocando quatro espaços conteúdo aqui tá vendo aqui também é uma forma de formatação código assim você não precisa abrir e fechar com cravos no bloco porém eu acho que a formatação com quatro espaços é mais difícil do que simplesmente colocar as frases porque um crazy quer dizer especialmente que é código com quatro espaços não é necessariamente código pode ser um conteúdo pré-formatado uma

você quer com essa fonte mais visível que né que se chama a fonte é para falar de prefe eu vou colocar uma citação você vai utilizar o sinal de maior ou por exemplo ali ó e veja que criou um bloco aqui de formatação se você quiser colocar mais uma linha continue adicionando novas linhas o sinal de maior e para completar seu para remover esse sinal de maior vai ter um espaço em branco entre formatação então você adiciona aqui você pode colocar um sinal de maior nada no meio espaço sinal de maior nada no meio outra

vim tá vendo e conforme estava ali para colocar links para o website e até mesmo para arquivos você vai digitar a chave texto do link um parênteses e vai colocar o link aqui então por exemplo https vou colocar aqui o link do criador do foro nuclear jogo vou escrever aqui um fórumcriar jogo se eu passar o mouse aqui vai abrir o fórum do querias rola se você quiser que o link seja formatado diretamente não precisa ser um texto recentemente cola o link diretamente em markdown entende que realmente você também pode criar que se chama uma

referência de rodapé então por exemplo eu vou descer me aqui link do fórum cria jogo não abre colchete digitei uma referência fechei colchete dois pontos vou agora colocar qual que é o link aqui tá vendo aqui que o mar que dá um já ocultou bom crê então essa referência de rodapé vou colocar novamente entre colchetes qual é o texto que eu quero acesse o fórum só que agora em vez de colocar em parentes eu vou colocar novamente abrir e fechar colchete e vou escrever qual que é o referência de rodapé agora está vendo se eu

passar o mouse aqui ó vai aparecer justamente a url do fórum eu posso colocar aqui para facilitar link fórum e aí fica mais fácil de digitar quando quiser referenciar nem que fora agora todo se eu quiser colocar um link para o fórum eu simplesmente uma referência link fórum o acesso fórum fórum presentes é um essa referência para imagens você vai digitar exclamação e vai digitar um texto que referencias em marcha uma ao text em html mas normalmente vai escrever por exemplo assim foto e aqui você vai colocar a url da foto é o url do

arquivo url da imagem vendo aqui então se eu não quiser esse texto dele referência você pode remover esse texto importante até exclamação couchê e entre parênteses na url e assim como link você também pode criar referência de rodapé então por exemplo colocar aqui imagem livro dois pontos e vou colocar a url em relação a essa referência e aqui eu vim aqui abre e fecha colchete imagine olha que bacana só agora toda vez que eu quiser tá no meio no meio do meu texto então vemos aqui um livro dois pontos em formatar melhor aqui ó temos

aqui um livro pronto então assim fica fácil normalmente quando você utiliza um um sistema que suporta ommadawn por exemplo joplin você pode arrastar e soltar imagem aqui para dentro tanto que agora tá um o endereço aqui bem estranha bem aleatório que na verdade isso aqui de skol pasta qual é o nome do qual o passo tem que ver qual é o nome desse o upload que eu fiz aqui no joplin então é a mesma coisa ó o texto alternativo o jovem faz isso ele precisa para processar internamente imagem e qual é o caminho a url

da imagem ao rl não precisa ser exatamente uma url na internet pode ser referência a um arquivo local olha aqui ó a exclamação texto de referência um texto tratado internamente pelo pelo fórum para mostrar as dimensões da imagem e a url que tá essa imagem tá aqui tá vendo ó então entre parêntesis a url é a mesma formato do link a diferença que tem uma exclamação na frente uma linha de separação uma linha horizontal você vai utilizar três para cima são ou olá eu posso por gente começar aqui com o título este conteúdo é sobrando

markdown e agora vou colocar três praças eu tenho uma linha horizontal continuação você pode colocar quantas linhas horizontais você quiser mesmo de sequência o que alternar inclusive não precisa de espaço entre um conteúdo outro porque lembre se você tiver três linhas horizontais em baixo no de um texto você vai criar um cabeçalho de nível 2 que a mesma coisa que dois sustenidos acredite ou não marque now também suporta tabelas são você abre com a barra vertical do teclado por exemplo digitar que ele de barra vertical nome preço de um que seja uma tabela de produtos

e fecha com barra vertical isso aqui vai ser o cabeçalho da tabela tá agora na próxima linha eu tenho que ter a mesma quantidade de colunas para o maridão reconhecer que ela tabela então barra vertical um existem barra vertical isso em barra vertical isso em porque são o id nome preço teste a barra vertical tá vendo aqui que já tá deixando a tava com uma tabela agora se eu vier aqui tudo ih tem que começar com uma lá no vertical já é o conteúdo da tabela que apresenta perder um nome à espera de 2019 preço

reais 2000cc olha aqui ó já tá formatar como tabela tá vendo se você quiser deixar mais bonito de 6 aqui no texto você pode colocar mais traço e aí eu comprei um grupo de kalen água aqui ó tá inclusive eu posso dar bastante espaço aqui tá mais alinhado tá vendo ah e assim que você faz tabela você não precisa colocar nada para fazer o fechamento da tabela por exemplo não precisa fazer nada aqui embaixo assim a tabela já está fechada e formatada se inscrever aqui agora por exemplo orçamento faça o seu orçamento ó tá vendo

que tá tudo formatado certinho posso vir aqui produtos ó a tabela tá aqui ela já move por conta eu posso vir aqui ou aquela para baixo olha a facilidade de criar tabela dessa forma versus kratos em uma tabela no microsoft word se você quiser você pode colocar alinhamento de texto com dois pontos dois pontos a esquerdo vai alinhar o texto à esquerda como aconteceu aqui dois pontos a esquerda ea direita vai centralizar é que essa tabela aqui deixa aumentar o texto aqui 64gb wi-fi e 4g agora sim olha para ver melhor tá centralizado você deve

tá isso aqui para tudo à esquerda seu rei os pontos e colocar a direita a formatação tá direita então tabela é bastante flexível numark dog e aqui você também pode pôr você pode por código inline tudo que você faz os outros lugares e mar quintal você pode fazer aqui mas que tal também suporta html dentro do próprio mark lau a ideia de mark dalton inicialmente eu fiz fugido html mas ao mesmo tempo ele também é amigável a isso então se eu colocar aqui dele por exemplo olá mundo olha só tá formatado então se você às

vezes não conseguir fazer alguma coisa em diretamente com o material puro você pode misturar os dois html matinal e alguns sistemas como mais uma vez o próprio exemplo fórum suporta também o bb code que é uma forma antiga de comunicação e fora então por exemplo aqui center um centralizado center olha aqui centralizado tá vendo então tudo depende da implementação do maridão que você estiver utilizando o g1