Tutorial 4 - HTML, dúvidas e respostas

HTML - Dúvidas e respostas:

O que é HTML?

Bem, o HTML é a linguagem usada para fazer uma página de HTML. Muitos sites e blogs, apesar da 'beleza' e sofisticação, às vezes, não passam de textos simples. O HTML pode ser feito em qualquer Bloco de Notas do Windows, não é preciso nenhum programa específico para fazer uma página de HTML. Mas, claro que precisa de um lugar onde aceite o código, chamados de hospedagem. Hoje em dia, existe uma variedade muito grande de hospedagem por toda a internet!

__________

O que é TAG?

A tag é o comando necessário para mostrar pro seu browser (navegador de internet)a forma em que serão exibidas as imagens, fontes e etc... Uma tag tem a seguinte forma: Texto aqui!. A tag B faz com que o seu texto fique em negrito, a tag I faz o seu texto ficar em itálico e por aí vai.

OBS: A tag só funciona se ela estiver dentro dos sinais <>. A / (barra) indica o fechamento da tag, a tag só vai funcionar se você fechá-la usando o traço. Exemplo: Texto . Por favor, não use espaços dentro das tags ok? Eu só usei para mostrá-las!

__________

Como é a página de HTML?

As páginas básicas, ainda não editadas, são assim:

< html>
< head>

< title>Título da página< /title>

< /head>

< body>

Aqui fica todo o conteúdo do site. Posts, perfil, menu, barra de rolagem, links e talz... Tudo, exatamente tudo, fica dentro da tag BODY!

< /body>
< /html>

__________

Preciso me conectar à internet?

Essa é uma pergunta freqüente, até eu fazia essa pergunta. Mas a resposta é NÂO! Não é preciso se conectar à internet pra poder editar sua página de HTML. Basta que, na hora de salvar o seu documento, você salve com a seguinte extenção no final do nome, vou dar um exemplo: Página.HTML, sem o .HTML (por estenso: ponto-aga-tê-eme-éle), a página não abrirá em um navegador. Mas, calma, se você usa internet discada, não se preocupe! Se o documento vai abrir em um navegador, isso não quer dizer que estará conectado ok?

__________

Estou fazendo um texto em HTML, quais sãos as TAGS necessárias para isso?

Pergunta freqüente na maioria dos sites de HTML e PHP, mas, eu respondo essa pergunta (que é difícil). Se você quiser uma tag pra fazer o texto virar negrito, você usa essa tag: Texto Negrito. Para transformar o texto em itálico, você usa essa tag: Texto itálico. Texto sublinhado: Sublinhado. Risque o texto fazendo assim: < s> ~~Riscado!~~ < /s>. Esse lance de mudar as cores, você faz assim: Texto aqui. Parágrafo é uma coisa que todo mundo pergunta, mas eu vou responder. A tag parágrafo é a tag , ela pulará uma linha indicando um novo parágrafo. Que eu saiba, ela não precisa de fechamento! Ou seja, do traço depois do sinal <. Sua sintaxe é apenas essa: Texto texto .
Só que a tag pulará uma linha, e, às vezes, você só precisa quebrar linha e continuar na de baixo, pensando nisso, inventaram a tag (abreviado - Break). Ela também não tem um fechamento (o traço depois do sinal <). Então, ela é assim: Texto texto .

Uma coisa que o pessoal adora perguntar, é o tamanho da fonte, isso se resolve assim: Texto aqui. Mas, lembre-se de que devemos, sempre, seguir o padrão de hipertexto, usando numeros de 1 à 6, por que, se você colocar 78, por exemplo, pode não funcionar em alguns micros né? Para almentar mais do que o 6, você usa o sinal de + antes do número, veja um exemplo: O texto daqui de dentro vai ficar no tamanho , 8. Mas, lembre-se de que a tag FONT tem fechamento hein? Não pode esquecer de fechá-la, isso é muito importante!

Quer mudar a fonte em si? Use essa tag: FONT FACE. Ela é ótima para aqueles que estão insatisfeitos com a fonte Times New Roman, que é a padrão da internet, se você não edita, então, faça o seguinte:

O texto ficará em verdana, é fácil né? Pois é, porém, essa tag não reconhece as outras fontes, use as fontes conhecidas e que tenham em todos os computadores, como a Verdana (e não a Verdana Ref!), Times New Roman e Arial.

__________

Estou fazendo um layout, gostaria de saber como definir a cor de fundo da página, já tentei de tudo, mas não dá certo. O que fazer?

Você pode fazer o seguinte, usar a tag BODY parâmentro BGCOLOR, use-a assim:

< body bgcolor="#CÓDIGO DA COR">. Se você não sabe os códigos, coloque dentro das aspas o nome EM INGLÊS, por exemplo: < body bgcolor="Green">, é a mesma coisa que: < body bgcolor="00FF00">

OBS: Cuidado, use essa tag dentro da TAG body (o conteúdo do blog). Assim:

< html>
< head>

< title>Título< /title>

< /head>

< body>

< body bgcolor="Black">

Conteúdo do blog

< /body>

< /html>

__________

O que é Iframe?

Vou tentar explicar pra vocês sem rodeios, mais é uma coisa difícil de explicar pra quem está mechendo com HTML agora. O Iframe é a mistura de várias páginas em uma só. Daí você pergunta: "Hãn?". Mais detalhadamente: IFrame (Frame Inline)vai misturar um montão de páginas formando uma só. Por exemplo, esse blog usa iframe! Você clica em alguma coisa do menu de coisas do EOB e aparece, no lugar do post alguns Sites Úteis, por exemplo. A página dos sites úteis é separada da página geral do blog! Sites úteis fica em outro endereço e eu apenas ligo ele com o resto do Evanescence, o blog. Veja como eu faço isso:

Uso esse código, chamado de IFRAME SRC, é esse daqui: < iframe width=Nº DA LARGURA height=Nº DA ALTURA src="AQUI FICA O ENDEREÇO DA PÁGINA">, com esse código, o blog fica menos pesado e com mais coisas pra oferecer, pelo menos na minha opinião!

Editando esse código:

Nº da Largura: Coloque a mesma largura da parte onde vão ficar as coisas que você escreve.
Nº da altura: Coloque o número da mesma altura da parte dos posts, se você não usa barra de rolagem na parte dos posts, coloque um número que seja proporcional ao tamanho que você quer que fique!
ENDEREÇO DA PÁGINA: O endereço da página é a página que vai aparecer no lugar dos posts, quando alguém clicar no MENU do blog. Por exemplo, você clicou ali do lado e apareceu uma página de layout shop né? Eu coloquei o endereço da página do layout shop dentro das aspas. Peguei o endereço, copiei e colei ali!

__________

Como alinhar o texto no centro da área dos posts?

É bem simples! É só vc usar a TAG CENTER ^^. Como? Veja o exemplo:

Faça o seguinte: < center> Coloque aqui o seu texto! < /center>. Pronto, não se esqueça de fechar a TAG com um traço!

___OBS___

Observações sobre as tags aqui presentes:

Se você apenas copiou e colou no seu HTML, por favor, tire os espaços antes de salvar o seu documento, veja um exemplo: Os epaços que eu coloquei dentro dos sinais <>, como a tag B que eu fiz assim: . Estes espaços servem apenas pra tag poder aparecer e vocês poderem ver como é formada a tag, isso não quer dizer que ela tenha mesmo espaço tá ok? Tire os espaços, os sinais devem ficar 'colados' com os nomes das tags tá?

________

Observações sobre o tutorial

Eu fiz esse tutorial sem a ajuda de ninguém, portanto, dêem os créditos. Esse tutorial NÃO ensina a fazer layouts, só esclaresce algumas dúvidas que todo mundo tem no começo, quando começa a ter contato com o HTML. Quando eu tiver tempo, faço um tutorial só para aquelas pessoas que querem aprender a fazer seu próprio template tá? Espero que eu tenha conseguido esclarescer as dúvidas do pessoal. Se quiserem, eu coloco mais, é só me pedir POR EMAIL o nome da dúvida. O email pode conter os seguintes assuntos: HTML - Dúvidas ou Perguntas sobre HTML, qualquer um dos dois serve ^^! Lembre-se, HTML não é um bicho de sete cabeças!

___________________________

Evanescence, o blog © Todos os direitos reservados