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

Checkbox HTML: como utilizar este recurso em seu formulário

Ao criar um formulário no HTML, podemos incluir nele diversos campos, dentre os quais uma opção muito utilizada é o checkbox. Neste artigo, vamos explicar como funciona o checkbox e como utiliza-lo no seu código HTML. Os tópicos deste tutorial são: O que é um checkbox Como inserir seu primeiro HTML checkbox Atribuindo valores para o checkbox HTML Grupos de checkbox Checkbox HTML pré-selecionado Utilizando labels em conjunto com a checkbox Estudos e funcionalidades do checkbox O que é um checkbox O checkBox ou caixa de checagem nada mais é que um tipo de campo que já contém informações predefinidas e que o usuário deverá marcar, tendo a opção de selecionar uma ou mais caixas. É parecido com o campo … 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

HTML img: inserindo imagens em sua página

Neste tutorial, vamos aprender como utilizar o HTML img para inserir imagens e gifs em nossas páginas HTML. Portanto, você encontrará aqui os seguintes tópicos: A tag <img> do HTML Inserindo imagem localmente através do HTML img Inserindo imagem global através do HTML img Título e texto alternativo Largura e altura do HTML img Imagem flutuante Recomendações sobre HTML img A tag <img> do HTML Logo no inicio da web, as páginas continham apenas conteúdos de textos e links. Isso tornava os conteúdos um tanto quanto limitados e monótonos. Não demorou muito para serem criados recursos de inclusão de imagens nas páginas. No HTML, a tag responsável pela inserção de imagens é a tag <img>. Porém, o HTML tecnicamente não … Leia Mais

Tabela HTML: como criar e utilizar tabelas em sua página

Neste tutorial, vamos explicar o que é uma tabela e de que forma podemos incluir uma tabela HTML em nossa página. Caso queira aprender mais sobre o que é HTML, veja esse post sobre o assunto. Os tópicos desse artigo são: O que são tabelas? Tabela HTML A estrutura básica de uma tabela HTML Célula de título da tabela HTML Tags estruturais da tabela Criando células vazias Células que abrangem mais que uma linha/coluna Título da tabela Utilizando o colgroup e col A importância da tabela para o HTML O que são tabelas? As tabelas são listas de dados em duas dimensões e são compostas por linhas e colunas. Portanto, são muito utilizadas para apresentar dados de uma forma organizada. … Leia Mais

Espaço HTML: como incluir espaços diretamente no HTML

Você sabia que é possível incluir espaço HTML diretamente no seu documento .html, sem precisar utilizar o CSS? Atualmente, o CSS permite inserir diversos estilos, inclusive controlar o espaçamento entre qualquer elemento HTML. Porém, muitas vezes, editar estilos no CSS é algo que demanda maior tempo. Imagine que você queira apenas incluir um espaço entre linhas no seu código, para que perder tempo com linhas de código de CSS, se tudo isso poderia ser feito apenas com o uso de uma tag de quebra de linha? A maioria dos desenvolvedores também pode sentir dificuldades para incluir um espaçamento maior em algumas partes do texto, principalmente quando querem exemplificar um código. Dessa forma, com técnicas de espaço HTML, você consegue fazer … Leia Mais

Tags HTML: as principais tags para criar sua página HTML

Neste artigo, vamos estudar algumas das mais importantes tags que o HTML utiliza em sua estrutura. Para começar é importante entender que o HTML é uma linguagem de marcação de hipertexto, e tem como principal função marcar e definir a estrutura de uma página na web. Saiba mais sobre HTML nesse artigo. Para esse tutorial, utilizaremos como base o HTML5, a versão mais recente do HTML. Assim sendo, neste artigo você vai encontrar: O que são tags HTML? Estrutura básica de um documento HTML Tags de comentários em HTML Tags HTML estruturais A tags HTML de conteúdo Tags de estilos e scripts Crie sua página em HTML O que são tags HTML? As tags são usadas para informar ao navegador … Leia Mais

hhchat