Html Básica
Aqui eu vou explicar um pouco de HTML para vocês. Mais eu vou explicar o que interessa a você e de modo simples e fácil. Todas as explicações que tem aqui é do modo que eu sei e uso, sendo que nada aqui é tirado de outros sites. Tudo o que tem aqui é pra você que tem problemas com seu template quando coloca algo no HTML e não sabe o que deu errado, pode até servir para você que está querendo fazer um layout mais as explicações são simples e somente para tirar dúvidas de pessoas que ainda não tem conhecimento em HTML
Com essas explicações será mais fácil para você fazer seu perfil, colocar imagens, mudar a cor, o formato, deixar em negrito ou itálico as letras, inserir links e outras coisas que eu acho útil.
Vai ser explicado por partes para você achar rápido o que você procura
Comandos obrigatórios de uma HTML (esse parte é só para você conhecer a HTML)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Titulo</title>
</head>
<body>
</body>
</html>
Essa é uma html básica.
Os comandos principais que você tem que saber
são:
<HEAD></HEAD>
É
onde entra os a maioria dos códigos que tem aqui no site.
<BODY></BODY>
É a parte onde se coloca tudo o que vai aparecer
na tela, mais também são colocados alguns códigos do site.
Dentro da tag <BODY>
sempre tem alguns comandos como cor de link e
coisas parecida. Nesses lugares eu aconselho você a não mexer só se
você precisar mudar cor (que a explicação estará mais em baixo)
Onde
está escrito <title>Titulo</title>
é o lugar onde vai o titulo do blog que geralmente vem pronto nos
layouts, mais ele fica mais ou menos assim <title><#TituloWebLog#></title>,
mais ele varia conforme o servidor podendo ser uma tag do blig ou do blogger em
vez do weblogger
Alguns comandos que podem ajudar você
<br>
Serve para passar de uma linha para
outra. Ex: você está escrevendo aqui e quer passar para a linha de baixo é
só digitar esse comando <br>
"#FFFFFF"
Esse é comando de cor. Cada cor tem um código diferente que você pode pegar
aqui no site no link Código de cores
Em
breve mais
Link
Essa parte é para você tirar sua dúvida quando um link seu
estiver errado. Aqui vai ser demonstrado um link em código HTML
e se caso você
quiser usa-lo no seu blog pode usar.
<a
href="http://www.dicablog.hpg.com.br">Dica
Blog ®</a> Se
você seguir certo o que está no código você nunca terá problemas nos seus
links (para mais explicações procure o nosso link "link blog de
amigos")
Imagem no blog
Primeiro você tem que entrar no servidor do seu blog e ir até
onde você escreve os testos que vão ser postados. Lá você vai encontrar um
comando que transferi a imagem do seu computador para o servidor e depois ele
dá o código da imagem que aparecera onde você escreve os testos.
Com esse
código você vai poder colocar a imagem sem problema no seu layout (mais
isso é para você colocar a imagem no layout e não postar a imagem). Depois
de ter pego o código você vai coloca-lo no HTML onde você quer que a
imagem apareça, mais coloque deste jeito que eu vou mostrar
<br><img src="http://portaldigitalimagens1.weblogger.com.br/img/aviaoestourado.jpg"><br>
Não
se esqueça de colocar <br> no inicio e no
final para que a imagem não fique na mesma linha de outras coisas que já estejam
no layout
Mudar a cor e a forma do testo
Para você mudar a cor do
texto você tem que inserir um código como está aqui
<b><i><font
face="Comic Sans MS"
size="2"
color="#008000">Dica
Blog.hpg.com.br</font></i></b>
Nesse código foi usado a fonte Comic
Sans MS (font
face="Comic Sans MS")
Aqui você pode mudar a fonte
O tamanho é 2 (size="2")
Aqui você pode mudar o tamanho das letras
A
cor foi verde (color="#008000")
Aqui você pode mudar a cor
O texto foi (>Dica
Blog.hpg.com.br) Aqui você coloca o texto
Foi
feito em negrito <b></b> Aqui
é para deixar em negrito
E em itálico <i></i>
Aqui é para você deixar em itálico
Agora quando você precisar colocar um texto com essas características no seu blog é só pegar este código.
Perfil no blog
Essa é a parte onde todos tem
dúvidas mais é a parte que eu acho a mais fácil de todas.
Eu vou explicar
de um jeito simples e você não terá mais dúvidas porque sempre que precisar
é só voltar aqui e ver de novo.
Primeiro
eu vou colocar o código do jeito que eu uso mais é o jeito da maioria dos
layouts
<p>Nome: meu nome<br>
<br>
Idade: minha idade<br>
<br>
Aniversario: meu aniversario <br>
<br>
Signo: meu signo<br>
<br>
Moro em: onde moro<br>
<br>
E-mail: meu e-mail<br>
<br>
Icq: meu icq<br>
<br>
Eu gosto de: o que eu gosto<br>
<br>
<br>
Não gosto de: o que eu não gosto<br>
<br>
<br>
Um medo: meu medo<br>
<br>
<br>
Eu amo: o que eu amo<br>
<br>
<br>
Música: minhas músicas<br>
<br>
<br>
Um pouquinho mais de mim: um pouco de mim<br>
</p>
Esse código é sem mudança de cor e de fonte. Mais se precisar colocar cores e mudar a fonte basta ver o código de mudança de texto que está logo acima.
Bom eu vou explica puxando uma das características
pra cá. Eu vou puxar o (Nome)
<p>Nome: meu nome<br>
<br>
Primeiro a tag <p>:
Ela é usada do mesmo jeito da tag
<br> mais essa em vez de pula uma linha ela
pula duas, mais com essa tag você não precisa mexer. Por que é só para
iniciar e terminar o perfil e o que você vai mexer é entre elas usando para
pular linha a tag <br>.
Onde
está escrito Nome é onde você pode colocar seu nome ou seu nick. Depois de
onde está os dois pontos (:) você coloca o seu nome e se precisar passar para
a linha de baixo basta você colocar a tag
<br>
que o seu nome vai passar para baixo como o exemplo aqui de baixo.
da Silva de Mello<br>
Se você fizer assim ele vai fica como está aqui em baixo
Nome: Alberto Martins
da Silva de Mello
Uma coisa que você não pode esquecer é de colocar a tag <br> no final do nome para não ficar tudo na mesma linha. Como está no exemplo acima.
Agora como foi ensinado aqui, você pode fazer com todas as outras características (Idade, Cidade, E-mail e outros)
E se caso você precisar colocar mais alguma característica que não tenha no layout, basta você colocar onde você quer que ela apareça sempre colocando a tag <br> para passar de linha.
Espero que eu tenha tirado todas as dúvidas do perfil e espero que você tenha aprendido sem nenhum problema.
Tomara que eu tenha tirado todas as dúvidas básicas do HTML.
Mail: dicablog@hotmail.com