Gostou do nosso conteúdo? Te ajudou?
Nos ajude também! Faça um PIX, de qualquer valor:
programacao.progressiva@gmail.com
Mostrando postagens com marcador Tutorial de HTML. Mostrar todas as postagens
Mostrando postagens com marcador Tutorial de HTML. Mostrar todas as postagens

Vídeo aula de HTML - Tutorial sobre Formulários

Nestes vídeos serão falados os principais meios de se comunicar e interagir com o usuário através dos Formulários em HTML.

Ler Tutorial

As < meta > tags description e keywords - Informações sobre seu site

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Na aula passada de nosso curso de HTML, ensinamos como criar um título para as páginas de seu site, bem como sua importância e como criar um título relevante para seus leitores e para os motores de busca, como o Google.

Agora vamos aprender como dar mais detalhes de sua página, através de uma descrição e das palavras-chaves que definem sua página, através das <meta> tags.
Lembrando que caso deseje transformar seus estudos de HTML em uma profissão e começar a ganhar dinheiro criando sites, sugerimos que faça o seguinte curso e obtenha seu certificado de Webmaster (tudo online), para poder atuar na área:

Curso de Webmaster (criação de sites HTML) online com certificado
Baixar PDF: Apostila HTML + CSS Progressivo
Ler Tutorial

História e Evolução do Google – O que é o PageRank

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado


Continuando nossa série sobre a história do Google e do SEO, vamos falar de um dos elementos mais conhecidos por Webmasters e até mesmo do público, o conceito de PageRank.

Embora não tenha a mesma importância de antes, muitas pessoas ainda se baseiam nele, portanto ter conhecimento sobre isso é essencial, e é isso que vamos ensinar agora em nossa apostila de HTML, sobre como criar e divulgar sites.

Lembrando que caso deseje transformar seus estudos de HTML em uma profissão e começar a ganhar dinheiro criando sites, sugerimos que faça o seguinte curso e obtenha seu certificado de Webmaster (tudo online), para poder atuar na área:

Curso de Webmaster (criação de sites HTML) online com certificado
Ler Tutorial

O que são atributos em HTML

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

No artigo de HTML passado, ensinamos como fazer um texto deslizar na tela, através da tag marquee. Ao final da lição mostramos vários efeitos semelhantes e dissemos que todos eram, de fato, o mesmo marquee, porém com algumas alterações no código HTML.

Essas alterações são feitas diretamente nas tags, e se chamam atributos.
E atributos será nosso objeto de estudo desse tutorial de HTML.

Caso deseje transformar seus estudos de HTML em uma profissão para começar a ganhar dinheiro criando sites, sugerimos que faça o curso e obtenha seu certificado de Webmaster (tudo online):


Curso de HTML e CSS com certificado
Obter meu certificado!
Ler Tutorial

A tag < HTML > - O que é, para que serve, como e quando usar

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Agora que você já aprendeu no tutorial de HTML passado, oque são tags, vamos começar a apresentar as mais importantes.

Vamos começar pelo elemento <HTML>

Caso deseje transformar seus estudos de HTML em uma profissão para começar a ganhar dinheiro criando sites, sugerimos que faça o curso e obtenha seu certificado de Webmaster (tudo online):

Curso de Webmaster (criação de sites HTML) online com certificado
Ler Tutorial

Especificações em HTML e Document Types

O PHP Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Conforme dissemos em nossa seção de Introdução ao estudo do HTML, ao longo dos tempos foram surgindo diversos tipos de HTML e variações / evoluções (como o XHTML, HTML 5 etc), além de novas tecnologias e linguagens de programação que irão agregar conteúdo e funcionalidade aos nossos sites (PHP, Java, JavaScript, CSS etc).

Vamos falar um pouco dessa diversidade de tipos de HTML e apresentar você o DOCTYPE, que será algo que você irá usar sempre que for criar um site.

Caso deseje transformar seus estudos de HTML em uma profissão para começar a ganhar dinheiro criando sites, sugerimos que faça o curso e obtenha seu certificado de Webmaster (tudo online):

Curso de Webmaster (criação de sites HTML) online com certificado
Ler Tutorial

Como criar o primeiro site em HTML

O PHP Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado


Tutorial de HTMLAgora que já lemos bastante sobre a linguagem de marcação HTML, está na hora de colocarmos a mão na massa e criar o nosso primeiro Website.

Escolha seu editor de textos, aqueça seu browser, que você vai criar páginas de internet!

Bem vindo ao nosso curso de HTML!

Caso deseje transformar seus estudos de HTML em uma profissão para começar a ganhar dinheiro criando sites, sugerimos que faça o curso e obtenha seu certificado de Webmaster (tudo online):

Curso de HTML e CSS com certificado
Obter meu certificado!
Ler Tutorial

Método infalível sobre como ser aprovado no Adsense

O PHP Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Já explicamos, aqui em nossa apostila de HTML, que o AdSense precisa de conteúdo para poder funcionar em algum site(portanto, se seu conteúdo é de vídeo, imagens ou Flash, o AdSense não funciona).
Como ser aceito e ganhar dinheiro com Adsense

Também falamos sobre o processo de aprovação no AdSense, sobre o tanto de conteúdo necessário para entrar nessa empresa de Marketing Digital, que é o AdSense.

Mas, então, o tanto de conteúdo é aleatório? Temos que adivinhar sobre a hora de submeter nosso site?
É uma loteria?
Não.

Na verdade, é até fácil saber quando é hora de entrar no AdSense, e vamos explicar isso nesse tutorial.
Ler Tutorial

Como o Adsense funciona

O PHP Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Aprenda a ganhar dinheiro na internet com o AdSense
O Google Adsense é uma rede de publicidade que é contextual. Ou seja, ela exibe anúncios a partir do conteúdo de seu site, do contexto dele. Isso mesmo.

Se seu site é sobre futebol, irão aparecer anúncios sobre chuteiras, blusas de times de futebol, ingressos para partidas e coisas do gênero.

Se seu site é sobre moda e beleza, irá aparecer anúncios sobre shampoos, batons, cremes e outros produtos de beleza.

Se seu site é sobre educação, cursos ou apostilas, o Adsense vai mostrar anúncios de instituições de ensino, vestibulares, concursos e oportunidades educacionais.

Fascinante, esse Adsense, não? Mas já parou para se perguntar como isso funciona?
Vamos explicar um pouco mais aqui, nesta aula de nosso curso de HTML e SEO.

Ler Tutorial

Que programa usar para criar um site ?

O PHP Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Os programas utilizados para a criação de sites são chamados "Editores HTML", e existem aos montes.

Provavelmente você já deve ter ouvido falar do Front Page, um famoso editor de HTML da Microsoft, que vinha junto com os outros programas do Office. Porém, ele já foi descontinuado.

Podemos classificar os editores de HTML em duas classes: os editores visuais e de modo código, que é o que vamos discutir nesse tutorial de HTML, e explicar qual a opção faremos em nossa apostila de HTML, HTML Progressivo.

Caso deseje transformar seus estudos de HTML em uma profissão para começar a ganhar dinheiro criando sites, sugerimos que faça o curso e obtenha seu certificado de Webmaster (tudo online): Curso de Webmaster (criação de sites HTML) online com certificado
Ler Tutorial

Como um site é criado: O que é HTML ?

O PHP Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado


HTML: Como criar um site

É quase impossível, nos dias de hoje, alguém não saber o que é um site.
Até mesmo sua avó, embora nunca tenha usado um computador, já deve ter visto na televisão alguém dando o endereço de algum site: r7.com , globo.com, redes sociais etc.

Esse meio de informação, que é a Internet, é hoje o mais utilizado no mundo.
Há diversas formas de trocarmos informações pela internet, mas uma das maneiras mais comuns é através de páginas na internet, como esta que você está lendo.

A maioria das pessoas não vai notar e certamente vão passar batidos pelas seguintes perguntas:
“Quem faz os websites da Internet? Como é feita uma rede social, como o Facebook? “

Se você já se fez essa pergunta, parabéns. Você não é daqueles que simplesmente aceitam as coisas. Ter curiosidade é uma virtude na vida.

Mas sobre a pergunta, ‘como são feitas as páginas da internet’, a resposta é: de várias maneiras, mas a principal e mais usada, sem dúvidas, é com HTML.
HTML é uma coisa chamada Linguagem de Marcação, embora não seja uma linguagem de programação propriamente dita, podemos dizer que é algo parecido.

Parece complicado, mas vamos tentar explicar com exemplos o que é HTML, para que serve, o que é possível fazer etc.

Para que serve HTML?

O HTML serve para criarmos uma página de internet.
Embora pareça simples, existem zilhões de páginas diferentes.
E por página da web, não entenda o somente o conteúdo, o texto ou as figuras.

Na verdade o HTML vai servir para exibir esses conteúdos.
Por exemplo, com HTML você faz o menu, coloca ele em cima ou na lateral.
Com HTML, você coloca o logotipo de sua empresa em lugar do site, faz com que as pessoas sejam levadas a outra página, caso cliquem em alguma foto ou link.

Sabe aqueles campos de texto onde você escreve algo, ou aqueles botões para marcar opção?
Também são feitos com HTML.

E os títulos? Umas letras maiores, outras menores? HTML.
Aquelas janelas pop-ups que se abrem sem você pedir? HTML também.
E uma rede social? Tem quer saber HTML também.


Então, o que é HTML ?

HTML significa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto.

Como dissemos, o HTML não cria coisas que citamos no tópico passado, ele só diz onde e como elas devem aparecer, onde e como se comportar.
E como o HTML ‘diz’ isso? Por meio de uma linguagem, a linguagem do HTML, de códigos.
E pra quem o HTML ‘diz’ isso? Para seu navegador (Mozilla Firefox, Google Chrome, Internet Explorer etc).

Vamos explicar o que é uma linguagem de marcação e você entenderá melhor o que é o HTML.
Vamos explicar isso no mundo real.


O que é uma linguagem de marcação?

Imagine que você escreveu um livro, o texto inteiro.
Com uma caneta e todo escrito a mão.
Isso seria o conteúdo de seu site, as informações que vemos nas páginas da web.

Porém, você não iria lançar seu livro assim, você precisa fazer uns ajustes, realces, marcar as coisas de maneiras diferentes. Vamos formatar seu livro, ou seja, colocar num formato agradável pro leitor.
Primeiro de tudo, ninguém faz mais livros a mão. A primeira coisa que se faz é digitar.
Segundo, você precisa de uma capa, um título pro livro.

Já viu livro em que a capa é igual as páginas? Claro que não, é diferente, é mais bonita, tem que chamar atenção.
Temos também que colocar figuras, definir o tamanho do rodapé, colocar a numeração das páginas, colocar figuras, alinhas o texto, ter cuidado pras letras não saírem em cima das figuras e milhares de outros detalhes.





Agora me diga, as pessoas leriam livros se fossem todos iguais?
E se eles fossem feito sem figuras, sem formatação, sem esses ajustes?
Muito difícil não é?

Pois bem, com o HTML é a mesma coisa. Só o texto não basta.
Tem que organizar, deixar agradável, ajustar as fotos, larguras, parágrafos e tudo mais.
Com o HTML vamos dizer ao navegador todas essas alterações.
E como vamos dizer isso? Ué, utilizando uma linguagem para se comunicar.
Que linguagem? Português, Inglês? Não, vamos conversar com o navegador usando a linguagem HTML.

E quem são os responsáveis por criar? São os webmasters, ou mestres da Web.
Quer se tornar um mestre da Internet? Então continue estudando pelo curso HTML Progressivo.
Ler Tutorial

Tutoriais de HTML e CSS