Cadastre-se grátis e mande suas fotos

Fotos e fotos. O portal de imagens

Entenda o HTML

Veja como funciona o HTML

Baixar esta imagem

rolagem esquerda                                 rolagem direita

HTML é uma das linguagens que utilizamos para desenvolver websites. O acrônimo HTML vem do inglês e significa Hypertext Markup Language ou em português Linguagem de Marcação de Hipertexto.

O HTML é a liguagem base da internet. Foi criada para ser de fácil entendimento por seres humanos e também por máquinas, como por exemplo o Google ou outros sistemas que percorrem a internet capturando informação.

Quem criou o HTML?

Entenda o HTML

Tim Berners-Lee. Esse é o nome do homem que criou o HTML. Ele criou o HTML para a comunicação e disseminação de pesquisas entre ele e seu grupo de colegas. O HTML ficou bastante conhecido quando começou a ser utilizada para formar a rede pública daquela época, o que se tornaria mais tarde a internet que conhecemos hoje.

O que são as tags do HTML?

Entenda o HTML

O HTML é uma linguagem baseada em marcação. Nós marcamos os elementos para mostrar quais informações a página exibe. Por exemplo, um título importante. Aquele título do artigo, da manchete do site, nós marcamos com uma tag/elemento chamado H1. Veja um exemplo:

<h1>Aqui vai o texto do título</h1>

Perceba que o texto está entre duas marcações. Essas marcações são chamadas de TAGS. As tags são abertas e depois fechadas. No exemplo acima abrimos a tag com <h1> e fechamos com </h1>. O que está dentro é o conteúdo mostrado para o usuário.

O parágrafos são marcados com a tag P. Assim:

<p>Aqui vai o texto do parágrafo.

Geralmente parágrafos tem muitas palavras,

letras menores que as do título</p>

Utilizando as tags, nós dizemos para o navegador o que é cada informação. O que é um título, o que é um parágrafo, o que é um botão, um formulário etc. Dizemos também o que é cada coisa para os sistemas de busca, como o Google. O Google, nesse caso, para exibir os resultados de busca, ele precisa saber o que é um parágrafo e o que é um título. Ele sabe disso através das tags.

A estrutura básica

Entenda o HTML

Todo HTML começa do mesmo jeito. Não há segredos aqui. Você pode simplesmente copiar em algum lugar para usar esse código toda vez iniciar um novo HTML.

<!DOCTYPE html>

<html lang="pt-br">

<head>

                <meta charset="utf-8">

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

</head>

<body>

 ... aqui vai todo o codigo HTML que faz seu site...

</body>

</html>

A primeira linha se chamada DOCTYPE. O Doctype avisa aos browsers, robôs de busca, leitores de tela e outras coisas que tipo de documento e aquele que eles estao prestes a carregar. Existem outros códigos que podemos carregar, por exemplo XML. Por isso o Doctype avisa o browser para que ele saiba como se comportar ao ler o código.

Depois começamos com a Tag HTML. Isso quer dizer que todo o que estiver entre as tags <html></html> é escrito em HTML. Ao lado da palavra HTML tem um atributo (explico o que são atributos mais pra frente) chamado lang, onde indicamos qual o idioma do texto que escreveremos.

Logo após a tag html temos a tag <head>. Na tag Head nós indicamos o título do documento e indicamos a tabela de caractéres que o browser deve usar para renderizar seu texto. Também não se preocupe com isso agora.

A tag &lttitle> é muito importante. É com ela que você indica o título do documento. O Google e outros sistemas de busca utilizam essa tag para indicar em suas buscas o título da págin. Isso é muito importante para que você apareça bem nas buscas.

Logo depois da tag de fechamento </head> começamos a tag <body>. Dentro deste elemento é que vamos escrever todo o código HTML do resto do site.

<!DOCTYPE html>

<html lang="pt-br">

<head>

                <meta charset="utf-8">

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

</head>

<body>

   <h1>Aqui vai o texto do título</h1>

   <p>Aqui vai o texto do parágrafo.

   Geralmente parágrafos tem muitas palavras, letras menores que as do título</p>

</body>

</html>

Criando seu primeiro HTML

Entenda o HTML

Para criar seu HTML é muito simples. Primeiro, abra e crie um arquivo vazio, sem texto, com o nome index.html. Utilize o Notepad (se estiver no windows) ou o TextEdit (se estiver no Mac).

 Perceba que a extensão do seu arquivo é .html e não .txt

Feito isso, copie o código utilizado no exemplo acima e cole neste documento. Salve e abra no seu navegador. Você fez seu primeiro arquivo HTML

Desenvolvimento em Camadas

Entenda o HTML

Um dos principais problemas no desenvolvimento para internet é a mistura dos diversos códigos. Nós não usamos apenas o HTML para fazer sites. Além do HTML, utilizamos ainda o CSS, que é uma linguagem para configurarmos o visual das páginas e o Javascript, que vai cuidar do comportamento da página, por exemplo, o que acontece quando o usuário clica em um botão.

Há também as linguagens chamadas Linguagens Server-Side, que são linguagens como PHP, Python, Ruby, ASP e etc. Essas linguagens fazem tudo funcionar. Elas fazem os cálculos nos servidores e dão a resposta para o navegador do usuário.

Para que os códigos não se misturem, nós os separamos em diversas camadas. Para ficar mais fácil de entender, imagine que o HTML é sempre o esqueleto do site. É com ele que vamos fazer toda a estrutura de código, onde iremos dizer o que é um título, o que é um parágrafo, uma imagem e etc. O CSS será a parte externa do corpo. É o que deixará o esqueleto bonito. É com o CSS que iremos dar cor para o título, configurar o tamanho do texto, largura das colunas e etc.

Dessa forma nós não misturamos o código HTML e o código CSS. Utilizamos a mesma ideia para separar os outros códigos citados acima.

Este é o básico. É conceito puro, por que você precisa começar de algum lugar.

Veja milhares de fotos em alta definição de artistas como Veja como funciona o HTML e outras milhares de Fotos. Fotografias com alta definição para sua capa de Facebook, Youtube e outras redes sociais. Veja também nossa sessão de Fotos com PESSOAS E ARTES onde você encontrará fotos de artes do mundo inteiro e Foto de Pessoas conhecidas no mundo das artes.

Em nossa sessão de FOTOS DIVERTIDAS você encontrará muita diversão para seu lazer. Verá Fotos de animais brincando na grama, brincando com seus donos, fazendo muitas brincadeiras.

Temos também nossa área de FOTOS DE NOTÍCIAS veja as imagens e fotos das últimas notícias que aconteceram no Brasil e no mundo, através de nosso banco de imagens e fotos

O site www.fotosefotos.com foi considerado o maior banco de imagens, com mais de 60 mil fotos e imagens com diversas fotos do mundo e da internet.

Nossos Wallpapers são todos em HD, temos mais de 10mil Wallpapers em HD visite nossa categoria de Wallpapers e veja como irá se surpreender com a qualidade das imagens que selecionamos para vocês.



Camera  Fotos Relacionadas

Como tirar um print
Por que sites em flash so ruins?
Oque  script?
Como ganhar patrocnio no facebook
Aprenda a ativar as bibliotecas no Windows 8
Como configurar o teclado do Windows e alterar o idioma
Como transformar PDF em Word
Como rotear modem
Como crackear o Windows 7
Remover o pen drive sem segurana estraga o dispositivo?
Mtodos para ganhar muito dinheiro com o youtube
Como mudar a DNS
Como trocar o cartucho da impressora
Como medir a velocidade da banda larga
Como parar erros de script do Internet Explorer
Verdades e mitos sobre o estabilizador
Como descobrir se email existe?
Como aumentar os acessos do meu site?
Fique rico vendendo cosmticos online
Desinstalar o MSN
Como ganhar muito dinheiro com o Hotmart
Organizando janelas
Escolher a rede WiFi que o Windows 7 deve conectar
Como rotear um modem ADSL TP LINK TD 8810
Como remover um malware que invadiu meu chrome?
Exiba a barra do IE no Windows 8
Encontrar espaos no utilizados no disco rgido
Edite planilhas no LibreOffice
Converter apresentaes do PowerPoint em documento do Word
Executar programas como administrador
Segurana no bolso
As vantagens do Formact Factory
Aprenda a fazer Backup
Descobrir qual  sua placa de vdeo
Mudar a cor do facebook
As melhores redes de anncios PPC e CPC
Dicas de fotografia-A luminosidade ao longo do dia
Dicas de fotografia-A luminosidade ao longo do dia
Comprar imagens em alta resolução
Comprar imagens em alta resolução
Comprar no Paraguai
Comprar no Paraguai
Como escolher a câmera digital ideal pra você
Como escolher a câmera digital ideal pra você
 camera Fotos e Fotos atualizado em 2015
fotosefotos.com
programador e webdesigner