Categoria: Criar sites

HTML Div: O elemento de divisão do HTML

O HTML Div é um dos elementos mais conhecidos do HTML. Até o lançamento do HTML5, era muito utilizado para dividir todas sessões e todos os blocos do documento. Porém, com a atualização da versão 5 do HTML, começou a dividir o espaço com as demais tags semânticas. Ainda assim, é um elemento muito importante e muito utilizado. Neste artigo vamos explicar sobre o HTML Div, como funciona, como utilizar e muito mais. Portanto, você encontrará os seguintes tópicos nesse artigo: Para que serve uma Div no HTML Como utilizar o HTML Div: A tag <div> Atributos da Div HTML Alterando a cor de Fundo/Background da HTML Div ID e Classe A diferença entre Div e Span Posicionamento de HTML … Leia Mais

HTML Básico: Iniciando no desenvolvimento WEB com HTML

Se você pretende criar um site, aprender o HTML básico é uma das melhores coisas que você pode fazer! Independentemente se pretende trabalhar com wordpress, web designer ou desenvolvimento web, conhecer o básico do HTML é essencial. Esse conhecimento permite compreender como funciona uma página web e seus elementos. Dessa forma, você pode estar criando seus próprios documentos e páginas HTML. Poderá também utilizar desses recursos para fazer alterações e manutenções em páginas já existentes. Ao final deste artigo, você terá um conhecimento do HTML Básico. Portanto, conhecerá o suficiente para realizar as sugestões acima. Dessa forma, também será possível avançar seus estudos a um nível intermediário e avançado para começar a criar páginas profissionais. Este artigo está dividido nos … Leia Mais

HTML Redirect: Como redirecionar suas Páginas HTML

O HTML Redirect pode ser necessário quando você precisar realizar o redirecionamento de uma página para outra. Portanto, é importante entender o que é, como funciona e como utilizar o HTML Redirect. Neste artigo, vamos abordar os seguintes tópicos: O que é o HTML Redirect HTML Redirect através de Metadados Redirecionamento através do JavaScript Redirecionamento através do PHP Recomendações sobre Redirecionamentos O que é o HTML Redirect Ao possuir mais que um domínio ou diversas páginas web, é possível que você precisar utilizar o HTML Redirect.  O HTML Redirect nada mais é que uma forma de redirecionar uma página para outra através do próprio HTML. Podemos estar fazendo o redirecionamento através do metadados. Também é possível utilizar o HTML Redirect … Leia Mais

Iframe HTML: tudo o que você precisa saber

Você provavelmente já visualizou um iframe HTML em diversas páginas da internet. Mas você sabe o que são? Neste artigo vamos entender o que são os iframes e como utilizá-los no documento HTML. Portanto, os tópicos desse artigo são: O Que é um iframe? A sintaxe do iframe HTML Atributos do iframe HTML Iframe HTML interativo com target links Incluindo vídeos do YouTube em suas páginas Cuidados com o iframe HTML Conclusões sobre os iframes HTML O Que é um iframe? Um iframe é um elemento do HTML utilizado para incorporar outra página da web na página atual. Ou seja, com ele você pode incluir conteúdos de outras páginas na sua própria página. O iframe é um elemento HTML muito … Leia Mais

Formulário HTML: criando forms HTML e enviando dados

O uso de formulário HTML (ou HTML form) é muito frequente na web, é um dos principais pontos de interação entre usuários e uma aplicação web. Geralmente, eles funcionam enviando os dados para um servidor, porém também podem ser utilizados para alguma função na própria página. Portanto, entender como utilizar um formulário HTML é muito importante, além de lhe permitir criar diversas aplicações e funcionalidades diferentes. Neste artigo, você encontrará os seguintes tópicos: O que é um formulário HTML? Como inserir um formulário HTML Os métodos GET e POST Elementos de formulário HTML Criando um formulário HTML Código HTML do nosso formulário Estilizando nosso formulário HTML Recebendo os dados do formulário com PHP Apresentando os dados do formulário na tela … Leia Mais

Comentários HTML: aprenda a comentar o seu código

Se você desenvolve em HTML, provavelmente já utilizou ou já observou alguns comentários HTML. Praticamente todas as linguagens de programação disponibilizam esta funcionalidade. Portanto, não poderia ser diferente com as linguagens de marcação, como o HTML. O mesmo acontece com o CSS, com o JavaScript e com o PHP. Neste artigo você encontrará: O que são comentários no código? Como incluir comentários HTML? Comentários HTML para esconder scripts em navegadores que não reconheçam< Como incluir comentários no CSS? Como incluir comentários em JavaScript e PHP? Afinal, utilizar ou não utilizar comentários HTML? Dicas para o uso dos comentários O que são comentários no código? Um comentário nada mais é que uma informação digitada dentro do seu código fonte que não … Leia Mais

Doctype HTML: tudo o que você precisa saber

Provavelmente, você já viu a declaração do Doctype HTML em diversos arquivos, como por exemplo: <!DOCTYPE html>. Mas você sabe o que isso significa? Neste artigo, você entenderá o que é o Doctype HTML, para que serve e as diversas formas ao passar dos anos, conforme as versões do HTML. Os tópicos deste artigo são: O que é o Doctype HTML Como declarar o Doctype no HTML Declaração do Doctype no HTML5 Declarações do Doctype no HTML 4.0.1 Declarações do Doctype no XHTML O uso do Doctype é obrigatório? O Doctype para clientes de e-mail O futuro do Doctype HTML O que é o Doctype HTML Apesar da sintaxe parecida, o Doctype não é uma tag do HTML. O Doctype … Leia Mais

HTML5: suas novidades e atualizações

O HTML5 surgiu em 2014 com grandes mudanças e atualizações na linguagem de marcação mais utilizada no mundo inteiro. O HTML , criado por Tim Berners Lee, surgiu em 1991 e logo se popularizou, por ser a principal linguagem utilizada na web. Hoje ela é considerar um dos padrões web supervisionada e controlada pela W3C (The World Wide Web Consortium) . Desde 1999 o HTML não recebia uma grande atualização. O HTML 4 estagnou de forma que já não conseguia atender a todas necessidades do mercado. Portanto, era necessário integrar plugins externos, como o flashplayer, para poder garantir as novas funcionalidades. Em 2004, foi fundado o WHATWG (Web Hypertext Application Technology Working Group) por desenvolvedores de grandes empresas como Mozilla, Apple … Leia Mais

Tabela Bootstrap: entenda de forma descomplicada!

Neste artigo, vamos explicar como criar e estilizar uma tabela Bootstrap. Antes de prosseguir, recomenda-se que tenha conhecimentos básicos sobre o Bootstrap e também sobre como funciona uma tabela em HTML. O Bootstrap é um dos mais conhecidos Frameworks de código aberto para CSS na atualidade, sento adotado por grande parte dos desenvolvedores web. Através dele, é possível adotar diversas classes com CSS já predefinido, facilitando muito o desenvolvimento de páginas HTML. Atualmente, se encontra na versão 4. Um recurso muito utilizado na web é o elemento de tabelas. Portanto, os desenvolvedores do Bootstrap pensaram numa forma de incluir as tabelas em seus estilos predefinidos. Neste artigo, abordamos os seguintes tópicos: Incluindo a classe de tabela Bootstrap Estilos básicos para … Leia Mais

Caracteres especiais e acentos no código HTML

No inicio da WEB, o uso de códigos para caracteres especiais do HTML era essencial até mesmo para inclusão de acentos. Com a evolução e ascensão do HTML, alguns padrões de caracteres começaram a ser incrementados, e assim, acentuações deixaram de ser um problema. Hoje em dia, a partir do metadados charset, é possível incluir o padrão a ser utilizado na página. Na América Latina, esse padrão é o UTF-8, que permite o uso de acentos e também do cedilha, entre outros. Usar caracteres especiais ajudará também o SEO de seu site. Para incluir esse padrão ao seu código, basta acrescentar ao <head> a tag <meta> com o atributo charset e seu valor conforme o padrão a ser utilizado.

Leia Mais

hhchat