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

Pule a tela inicial no Windows 8
Como aumentar os acessos do meu site?
Coloque publicidades no facebook
Como resolver proxy do chrome
Windows 8 analise
Como tirar um print
Como manter sua privacidade no computador
Como parar erros de script do Internet Explorer
Entenda o HTML
Como capturar a tela do PC de maneira simplificada
Como configurar o teclado do Windows e alterar o idioma
Como acessar sites bloqueados de outros pases
Acesso remoto
Como crackear o Windows 7
Dicas para ter boas ideias e ganhar dinheiro online
Como alterar senha da wifi da net
Como liberar espao no HD aps atualizar para o Windows 8
Tablets,veja nossas dicas antes de comprar o seu
Criar um canal no youtube
Impedir que o facebook sugira seu nome em fotos alheias
Oque  firewall?
Como descobrir sua senha de WIFI
Como esconder o meu IP?
Fundir arquivos de audio e video
Dicas para escrever ttulos mais atrativos para postagens
6 extenses indispensveis para o Google Chrome
Fique rico vendendo cosmticos online
Divulgue seu site grtis em centenas de buscadores
Como mudar o nome no facebook
Como cancelar uma impresso
Como configurar um novo email no Outlook do Office 2013
Como adicionar familiar no facebook
Converter apresentaes do PowerPoint em documento do Word
Corrigir erros de drivers
Desativar animaes no Windows
Verdades e mitos sobre o estabilizador
Vender fotos
Vender fotos
Apreenda a fotografar com flash
Apreenda a fotografar com flash
Tamanho da imagem em megapixels
Tamanho da imagem em megapixels
Zumbido nos ouvidos tem cura?
Zumbido nos ouvidos tem cura?
 camera Fotos e Fotos atualizado em 2015
fotosefotos.com
programador e webdesigner