HTML é a abreviatura de "HyperText Mark-up Language". Resumindo a longa história, o HTML foi inventado em 1990, por um cientista chamado TIM Berners-Lee, do qual ainda está vivo! Então, e a finalidade era a de tornar possível o acesso e a troca de informaçoes entre universidades, do qual se tornou um sucesso posteriormente, semelhante ao Facebook, não?
E ainda, HTML é uma linguagem de marcação, usada como estrutura de uma página WEB. Antigamente era apenas o HTML que participava da página web, mas hoje em dia há mais linguagens de marcação, que complementam o HTML, como o CSS, que se não fosse isso, nossas páginas estariam no tempo da pedra lascada ainda. A princípio é meio complicado de entender a linguagem de primeira, mas depois que se aprende, fica fácil fácil.
Tags:
Tags são rótulos usados para informar ao navegador como o website deve ser apresentado.E a informação a ser guiada pela tag deve estar entre a tag de abertura e a de fechamento, como esta: <i> Eu fui a feira </i>. Ao inserir uma Tag, esta deve estar acompanhada de um "<" e um ">", e para fechar a tag, deve estar com um "</" e um ">". Exemplo: <head>, </head>.
E não deixando de falar, algumas tags não tem a segunda parte, a que vai com o "</", são apenas como essa: <b>. Aqui algumas tags:
<html> </html> : Serve para dizer so navegador que este é um arquivo HTML
<body></body> : Onde fica todo o conteúdo da página, vale a pena lembrar que deve estar entre a tag de abertura e de fechamento.
<head></head> :Algumas informações sobre o navegador, assim como o cabeçalho
<title></title> : Aqui fica o nome do site, ou título. Esse nome aparecerá na aba em que o site está.
<p></p> : Serve para dar um parágrafo.
<h> Cria uma linha horizontal
<b></b> Deixa o texto em BOLD, grifado.
<i></i> Deixa em itálico.
<h1></h1> Texto para o título do conteúdo. (Segue em h2, h3, até o h6, mas cada um tem seu tamanho reduzido.
E assim vai pessoal. Agora que o básico foi falado, vou mostrar como estruturar a página, mas antes, vocês precisarão de uma coisa simples, que abram um arquivo de texto, ou o notepad, mas dessa vez, eu recomendo que baixem o Notepad++, para facilitar o trabalho. Só isso, e será a partir daí que vocês farão um site, usando o Notepad++.
Estruturando a página HTML.
Agora vocês precisam saber o básico. A estruturação simples sempre estará assim:
<html> Para iniciar o arquivo html
<head> Iniciar o cabeçalho
</head> Terminar o cabeçalho
<body> Iniciar o conteúdo da página
</body> Terminar o conteúdo da página
</html> Terminar o arquivo html
Viu? Fácil. Mas não pode esquecer de nem um caractere, pois o navegador não pode entender com os erros. Agora vamos inserir um pouco de informação. Agora se quiser já iniciar sua página, abra o programa Notepad++ e comece a digitar,que tal pôr um o nome da página e um olá?
<html>
<head>
<title> Página web </title> Para inserir o nome da aba
</head>
<body>
<h1> Conteúdo da Página </h1> Para inserir um título
<p> Minha primeira página de internet!! </p> Para inserir um parágrafo
</body>
</html>
Pronto! Depois de digitado o conteúdo no Notepad++, (podem usar o Ctrl+C e Ctrl+V, eu deixo dessa vez) Clique em salvar como e escolha HTML. Certo? (Caso tenha salvado como HyperText Markup Language e ainda permaneça como arquivo de texto, clique com o botão direito e selecione abrir como, e escolha um navegador).
Pois é assim que fazemos uma página de internet. Claro que não é só isso, mas é só pra vocês terem uma noção. Quem sabe eu publique um novo post com novas dicas e mais conteúdo, mas dessa vez será apenas isso.
0 Coments:
Postar um comentário
Por favor nos deixe aqui seu comentário. Mas um aviso: Cuidado com o que fala. :)