HTML BÁSICO
Tutoriais independentes - HTML Básico
Aqui vai um pequeno tutorial sobre o HTML Básico. E quando eu digo básico, é básico mesmo. Quase um estojo de primeiros socorros. :P
1 - O que é HTML?
HTML significa HyperText Markup Language e consiste numa linguagem para formatação, diagramação, essas coisas. Sempre que você usa um editor de texto pra escrever, usando eventualmente de recursos como o negrito, o itálico, entre outros, na verdade o que você está fazendo é dar os comandos pro editor fazer todo o trabalho sujo por você. Ou seja, ele adiciona as tags html necessárias para que o seu texto fique do jeito que você quer.
Acontece que o LJ te dá duas opções: Ou você usa a versão rich text pra escrever seus textos, ou, se preferir, faz tudo no braço mesmo mesmo, escrevendo as tags html.
Outro problema MUITO sério do LJ é que se você quiser editar um post já publicado, terá necessariamente que lidar com essas tags. O que é um pesadelo pra quem não tem conhecimento básico de html.
2 - O que são tags HTML?
Digamos que são as palavras dessa linguagem HTML. Tudo que é html tem que estar dentro de
! V ocê vai reparar que sempre que tiver que mostrar tags html, vou ter que colar uma imagem com as tags ao invés de simplesmente escrevê-las. Sabe o motivo disso? O motivo é que se eu escrever essas tags, o editor de texto vai ler e interpretar o comando que eu quis escrever, ou seja, ele vai entender a língua html e obedcer aos comandos.
Por exemplo: Se eu simplesmente escrevesse
aqui, tudo que você conseguiria ver seria texto. As tags em si não apareceriam.
Repare também que todas as tags html possuem um comando pra começar e um comando pra parar. A partir do momento que você escrever a tag
, estará informando ao seu editor que tudo que escrever a partir daí ficará em negrito, até o momento em que você der um basta nisso colocando a tag
informando que você quer que o editor pare de negritar seu texto. Veja que TODAS as tags de finlização são iguais a primeira tag, adiconadas duma barra: /
Mas isso você vai poder verificar melhor com as demonstrações.
3 - Quais são as tags básicas de formatação?
I - negrito
= texto
II - itálico
= texto
III - sublinhado
= texto
IV - riscado
= texto
V - centralizado
=
texto
VI - Inserir uma linha horizontal
VII - Passar pra linha de baixo
Se você estiver escrevendo o texto pela primeira vez, não se preocupe com isso porque o LJ insere essas tags automaticamente. Então você não precisa ficar escrevendo a taga sempre que quiser passar pra linha de baixo. Isso é só pro caso de você querer editar o seu texto. Aí sim você vai ter que inserir essa tag sempre que quiser que otexto passe pra linha de baixo. É como se você dissesse pro seu editor apertar a tecla "ENTER". ^^
ex:
=
texto
texto
VIII - Pular a linha
Mesmo coisa que eu falei no item anterior. se vc estiver escrevendo o texto pela primeira vez não precisa se preocupar com isso.
=
texto
texto
4 - Como eu faço pra diminuir ou aumentar o texto?
Há 5 estágios de tamanho de fonte, digamos assim. É como uma escala. Veja só:
= tamanho 1
= tamanho 2
= tamanho 3
= tamanho 4
= tamanho 5
5 - Como eu faço pra botar cor no meu texto?
Se por exemplo você quiser colorir o texto de vermelho, o código ficaria assim:
= texto
6 - Como eu insiro um link?
Ok, digamos que eu queira abrir um link para o meu LJ, ok?
= Ideias Descartaveis
7 - Como eu insiro um link para e-mail?
Lembre-se: Não basta escrever a tag! As tags são só comandos! Nada do que você escreve dentro de tags aparecerá no seu texto. Então, assim como você fez com o link, você precisa escrever um texto para que a pessoa veja onde está o seu link. Assim:
= hirenkoi@uol.com.br
8 - Como eu insiro uma imagem?!
Antes de falármos sobre html, têm algumas coisinhas que eu preciso explicar a respeito de imagens. A primeira e mais importante de todas é que a sua imagem tem que estar hospedada em um servidor. Mas não é qualquer servidor!!! Tem que ser um servidor que suporte hotlink! Ou seja, que outras pessoas possam ver a tal imagem de outra páginas que não sejam a do próprio servidor que a imagem está hospedada! Então simplesmente esqueça a GEOCITIES, CJB e essas porcarias porque simplesmente não vai funcionar! Esqueça, também o HPG se quiser que sua imagem seja vista por alguém de fora do Brasil. (é ridículo, eu sei...). Se você quer mostrar imagens no seu blog ou LJ, eu recomendo os seguintes servidores:
Photobucket - É muito bom. Basta se registrar e usar.
ImageShack - Não precisa se registrar. Não tem limite de imagens. Hospede o quanto quiser e seja feliz.
Esses dois servidores geram o código automaticamente pra você só copiar e colar na página, mas mesmo assim vamos lá:
ou .gif, ou .png... depende da terminação da imagem.
ex: Eu quero colocar essa imagem na página:
I - Abro o site de hospedagem. No meu exemplo, será o Photobucket mesmo.
II - Faço o upload da imagem lá.
III - O próprio site vai me dar o código completo. Mas digamos que ele só dê o endereço: http://img.photobucket.com/albums/v465/hirenkoi/king.gif
IV - Eu vou escrever a seguinte tag:
V - E o resultado final será:
9 - Mão na massa
Mas a vida não é fácil e pra escrever um post, você terá que usar vários desses códigos ao mesmo tempo. Veja só um exemplo:
Oi!
Espero que tenham gostado do meu tutorial!
Se tiverem problemas, basta mandar um e-mail
pra mim, ou postar um comment.
Por favor, visitem o meu LJ!
HTML EH UM SACO!!!
Abraços pra todos!!
Última coisa: Pelamôdideus!!!! NÃO misturem HTML com Rich text!! ( Leia-se: selecionar rich text mode e depois colar um código html na caixa de mensagem). NÃO VAI APARECER!! As únicas tags HTML que vão funcionar no rich text mode são as do LJ-CUT! ((
e
)).