Continuando as matérias:
Recomendo que leiam as matérias anteriores para evitar dúvidas.
Como creio que já leram e entenderam, hoje vamos nos aprofundar um pouco
mais e começarmos a criar nossa própria página na Web.
HTML (Hiper Text Mark-Up Language).
Linguagem criada em 1990 por Tim Berners-Lee.
Como já expliquei nas matérias anteriores, aquilo que visualizamos ao abrir uma página
na Web não é nada mais que o HTML interpretado pelo nosso navegador.
Dúvidas sobre isso?
Vamos lá então, podemos conferir o HTML utilizado em qualquer página na Web
verificando o seu Código Fonte.
Basta irmos lá em cima no nosso navegador e encontrar a aba EXIBIR.
Seleccionando EXIBIR, escolhemos a aba CÓDIGO FONTE.
Ou basta clickar com a direita do mouse e seleccionar CÓDIGO FONTE.
Como na imagem abaixo:
A primeira vista parece um monte de letras e códigos doidos não parece?
Parece sim, mas diferente do que a maioria pode imaginar, na verdade é bem simples
lidar e trabalhar com o HTML, se aperfeiçoar já é uma outra estória.^^
Ps:ESTÓRIA ou HISTÓRIA???
Estória se utiliza quando se fala de algum fato fictício.
Ex:- Isso é estória para boi dormir.
História se utiliza para falar de acontecimentos Históricos.
Ex: - Hoje tem aula de História.
- A História do Brasil é uma piada!^^
Ow, Hikari-TI também é cultura.Rs
Caham!
Primeiro de tudo, precisamos de um NAVEGADOR:
Mozila, Ópera, Chrome, Internet Explorer etc...
Bom, seguindo a lógica...já que você esta neste momento lendo isto, significa que
já possui um navegador.Rs
Em seguida, precisamos de um EDITOR DE TEXTOS.
Já ouviram falar em Dremwawer ou Microsoft Front-Page?
Ignore-os.
Recomendo a utilização do NOTEPAD++.
Pois na minha opinião é muito superior na área de programação além de ter suporte
as mais diversas e mais utilizadas linguagens de programação.
Um pequeno exemplo.
C, C++, Java, C#, HTML, PHP, JavaScript, ASCII art, Doxygen, ASP, VB/VBS,
SQL, Objective-C, CSS, Pascal, Perl, Python, Lua, TeX, TCL, Assembler, Ruby,
Lisp, Scheme, Properties, Smalltalk, Diff, PostScript, VHDL, Caml, Ada, Autolf,
KiXtart, Matlab, Verilog, InnoSetup, Haskell e sei lá oque mais. rs
.
..
...
Baixaram e instalaram?Ok...vamos dar continuidade.
Abram seu Notepad++ e acompanhem pela imagem abaixo:
PS:Meu Notepad++ está em Inglês mas dispus Download em Português.
Localizem e seleccionem a aba Language ou Linguagem.
Em seguida, seleccionem a aba HTML.
Para um teste rápido digitem o seguinte:
<html>
</html>
¨Pressionem a Tecla ENTER para pular para a próxima linha¨.
Digitaram?Perfeito...Agora creio que já começaram a surgir as dúvidas.
Afinal de contas, oque significa esse sinal ¨<¨ (menor) e ¨>¨ (maior)?
Isso são os comando utilizados nas denominadas TAGS.
Acompanhem a continuação dessa matéria que irei explicar oque são as TAGS
e como utiliza-las de forma correta e simples.
Após acompanharem tudo, verão como é possível criar um Site em apenas 10 minutos.
0 comentários:
Postar um comentário