Mostrando postagens com marcador Linguagem de Marcação. Mostrar todas as postagens
Mostrando postagens com marcador Linguagem de Marcação. Mostrar todas as postagens

terça-feira, 28 de junho de 2016

Escrevendo em Markdown

Agora vamos praticar, e escrever em Markdown, para visualizar os exemplos é só abrir: Exemplos do Tutorial e ir acompanhando como fica cada coisa. 


Títulos


Para marcar um título, você vai usar # a quantidade de vezes que irá representar o nível do título. Exemplo:


1
2
3
4
5
6
# Título nível 1
## Título nível 2
### Título nível 3
#### Título nível 4
##### Título nível 5
###### Título nível 6


Parágrafos e quebras de linha

Para gerar parágrafos, basta você escrever o texto em uma linha:


1
2
3
4
5
Título de nível 1
==================
  
Título de nível 2
------------------


 view


Parágrafos e quebras de linha
Para gerar parágrafos, basta você escrever o texto em uma linha:


1
2
3
Este é um parágrafo.
  
Este é outro parágrafo.

Mas a documentação do Markdown diz que, para quebras de linha, você precisa deixar dois espaços no final da linha:

1
2
Primeira linha do parágrafo. [espaço][espaço]
Segunda linha do parágrafo.

Coloquei o [espaço] no final da primeira linha somente para facilitar a visualização. Você deve substituir por dois espaços em branco.


Links 
Para gerar links, você usa [](). Dentro dos colchetes você coloca o texto do link, e dentro dos parênteses, você coloca a URL:

1
[Blog da Mel](http://melissalobo.blogspot.com.br)

Links automáticos

Se o texto do seu link é o próprio link, você pode envolvê-lo entre < link >, que o link será gerado automaticamente:

1
<https://www.google.com.br>

Listas

Para listas não ordenadas, você pode usar *, + ou -. Veja:

1
2
3
4
5
6
7
8
9
10
11
* Item 1
* Item 2
* Item 3
  
+ Item 1
+ Item 2
+ Item 3
  
- Item 1
- Item 2
- Item 3

E para listas ordenadas, você usa o número, seguido de ponto:

1
2
3
1. Item 1
2. Item 2
3. Item 3

Imagens

Geração de imagens é bem parecido com a geração de links: você só precisa adicionar uma ! no início. E o texto que você coloca entre os colchetes, é usado como alt na imagem:

1
![Eu](https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-xlt1/v/t1.0-9/13124556_984154084999068_6786632002907995125_n.jpg?oh=61d6c4b591caf5ed56d3a71d57d19fc3&oe=5807A2F9&__gda__=1476901864_0192b37cb7089c22bd73bd5c303dcdcc)

Backslash scapes

Para escapar caracteres que são parseados pelo Markdown, você pode usar a barra invertida \, seguida do caractere, para imprimi-lo literalmente. O escape funciona para os caracteres listados abaixo:

1
2
3
4
5
6
7
8
9
10
11
12
\   backslash (barra invertida)
`   backtick (crase)
*   asterisk (asterisco)
_   underscore
{}  curly braces (chaves)
[]  square brackets (colchetes)
()  parentheses (parênteses)
#   hash mark (sustenido / hash / jogo da velha)
+   plus sign (sinal de "mais" ou somar)
-   minus sign (hyphen) (sinal de menos ou hífen)
.   dot (ponto)
!   exclamation mark (ponto de exclamação)


Para saber mais sobre Markdown, recomendo a leitura da documentação oficial:
http://daringfireball.net/projects/markdown/
E alguns links de como o Github usa Markdown, que foi onde eu descobri tudo isso que postei:
https://help.github.com/articles/markdown-basics | https://help.github.com/articles/github-flavored-markdown/

terça-feira, 1 de julho de 2014

HTML

O HTML significa 'Hyper Text Markup Language',  é uma linguagem  de marcação utilizada para produção de páginas na web, que permite a criação de documentos que podem ser lidos em praticamente qualquer tipo de computador e transmitidos pela internet. Para escrever documentos HTML não é necessário mais do que um editor de texto simples e conhecimento dos códigos que compõem a linguagem.
  Para testar os códigos, basta salvar o arquivo em formato .HTML e executar. Para o teste é necessário ter um navegador configurado como padrão. Não é necessária internet, pois o arquivo com os códigos esta na maquina onde esta sendo executado.
  Os códigos (conhecidos como Tags) servem para indicar a função de cada elemento da página Web. Os tags funcionam como comandos de formatação de textos, formulários, links (ligações), imagens, tabelas, entre outros. A  maioria dos códigos em HTML precisam ter um código de inicialização e um de finalização (Tag de abertura e Tag de fechamento).
Por exemplo, para definir o titulo da pagina, é necessário escrever:
<title>Título da minha Página</title>
</title> serve para “avisar” que ali acaba o titulo, caso não seja posto, todos os códigos definidos depois serão considerados parte do titulo.
Ai os browsers (navegadores) identificam essas tags e apresentam a página conforme está especificada. 

Agora segue abaixo algumas Tags básicas das quais são bastante utilizadas:


Tags HTML básicas:
TagDescrição
<html>Define um documento HTML
<body>Define o corpo do documento
<h1> a <h6>Define título 1 a título 6
<p>Define um parágrafo
<br>Insere uma única quebra de linha
<hr>Define um filete horizontal
<!-->Define um comentário

Tags de Formatação de Textos:
TagDescrição
<b>Define texto em negrito
<big>Define texto grande
<em>Define texto enfatizado;
<i>Define texto em itálico
<small>Define texto pequeno
<strong>Define texto forte
<sub>Define texto subescrito
<sup>Define texto superescrito
<ins>Define texto inserido
<del>Define texto cancelado

Tags de "Saída de Computador":
TagDescrição
<code>Define texto de código de computador
<var>Define uma variável

Tags de Listas:
TagDescrição
<ol>Define uma lista ordenada
<ul>Define uma lista não ordenada
<li>Define um item de lista
<dl>Define uma lista de definições
<dt><Define um termo de definição
<dd>Define uma descrição de definição

Tags de Tabelas:
TagDescrição
<table>Define uma tabela
<th>Define um cabeçalho de tabela
<tr>Define uma linha de tabela
<td>Define uma célula de tabela
<caption>Define um título de tabela
<colgroup>Define um grupo de colunas de tabela
<col>Define os valores de atributo para uma ou mais colunas em uma tabela
<thead>Define um cabeçalho de tabela
<tbody>Define o corpo de uma tabela

Link de Tags:
TagDescrição
<a>Define uma âncora

Tags de Cabeçalho:
TagDescrição
<head>Define informação sobre o documento
<title>Define o título do documento
<base>Define o URL base para todos os vínculos numa página
<link>Define a referência do recurso
<meta>Define meta informação

TagDescrição
<!DOCTYPE>Define o tipo do documento. Esta tag vai antes da tag de início <html>



segunda-feira, 24 de março de 2014

Seguir blog - Solucionando o problema

Como vocês devem ter notado, há um problema com o Gadget Google Connect Friends, onde ao tentar seguir um blog, aparece a seguinte mensagem de erro:

Desculpe...

Não foi possível processar a sua solicitação. Tente novamente ou retorne mais tarde.

Atualmente o Gadget de seguidores do Blogger não está funcionando, a equipe do Blogger já está ciente e procurando uma solução para o mesmo, porém não há previsão de volta.
Para solucionar esse problema temporariamente vou postar aqui um código HTML que cria o botão e o direciona para o Gadget Seguidores do Blog, para que os Blogueiros de plantão assim como eu não percam esse recurso e seguidores enquanto a equipe do Blogger soluciona esse problema de uma vez por todas.

É bem fácil e rápido, vá em:

Blogger - Layout - Adicionar um Gadget - HTML/JavaScript

Copie e cole o codigo:

<center>
<br /><a href="http://www.blogger.com/follow-blog.g?blogID=ID_DO_SEU_BLOG" title="DIGITE_ALGO" target="_blank"><img src="IMAGEM" border="0" /></a>
<div style="color:#000;font-family:'arial';font-size:11px;margin-left: -10px;margin-right: -3px;margin-top: 8px;" />000_SEGUIRAM_O_BLOG</div>

No campo ID_DO_SEU_BLOG digite os números que aparecem no link do seu blog é só copiar e colar. Em DIGITE_ALGO  você digita a mensagem que quer que apareça no tooltip.
 IMAGEM é a imagem do botão. Para pegar a imagem, dê um clique direito em cima da imagem, copie o link da imagem e cole o link substituindo o nome IMAGEM, você pode criar o seu próprio botão também ou pesquisar algum na internet, o processo é o mesmo.



E o 000_SEGUIRAM_O_BLOG  é onde você pode colocar manualmente quantas pessoas seguem o seu blog.  No meu blog deixei em branco, vou esperar o Gadget Seguidores voltar a funcionar.

Bom espero ter ajudado, eu aviso assim que voltar a funcionar o Gadget.