Artigos com a tag HTML

Menus verticais estão presentes em diversos sites e sistemas, um menu de apenas um nível é bem simples de fazer, agora quando é necessário dividi-lo em submenus por causa de seu tamanho, categoria ou conteúdo, aí a coisa começa a ficar um pouco mais complicada. Nesse artigo demonstrarei de forma simples como desenvolver um menu vertical com vários níveis de submenus.

Alguns anos atrás, colocar um vídeo em uma página web exigia a utilização de tecnologias distintas do HTML, como por exemplo o Flash, mas com a chegada do HTML5, colocar um vídeo em uma página Web ficou muito mais simples e fácil.

Centralizar div ou outro elemento com CSS sempre foi uma dúvida recorrente para quem está iniciando na programação Web, talvez devido ao fato de ser um recurso muito utilizado em sites e plataformas Web, nesse artigo pretendo demonstrar várias técnicas para centralizar div ou outro elemento HTML na horizontal, vertical ou em ambos.

Fixar o menu no topo da página é um recurso muito utilizado em sites e blogs, e nesse artigo vou demonstrar como conseguir fazer isso de forma simples e objetiva, utilizando apenas CSS com os positions sticky e fixed, e também um exemplo utilizando JavaScript.

Simples script JavaScript para aumentar e diminuir as fontes de seu site. Esse recurso ajuda na acessibilidade de seu site, ajudando pessoas que possuem algum tipo de problema de visão.

Simples Modal utilizando CSS e um pouco de jQuery, rápido e fácil.

Um link para ir direto ao conteúdo do site é algo muito importante para melhorar a acessibilidade do site, pois com isso o usuário que usa o teclado ou um leitor de tela não precisa percorrer todo o site até encontrar o conteúdo desejado.

No IE sempre ocorre erros de compatibilidade com vários recursos da Web, para corrigir isso foi criado a meta tag X-UA-Compatible, que consiste em especificar um versão especifica do IE ou emular sempre a versão mais recente.

Atributo Role, como o próprio nome já diz, é um atributo que informa qual o papel ou função de uma determinada área, isso ajuda muito na acessibilidade.

A tag Base serve para definir a URL e o Target que serão padrão para toda a página.

Com o atributo tabindex você escolhe a ordem que os elementos serão acessados usando a tecla TAB do teclado, esse atributo também serve para dar focus em qualquer elemento HTML da página.

A propriedade Position do CSS, causa muita confusão quando se esta aprendendo HTML e CSS, então nesse artigo tentarei ser o mais breve e prático possivel para explicar o seu funcionamento e a diferença entre position absolute, relative e fixed.

Efeito para mostrar uma imagem ao passar o mouse sobre um link, utilizando apenas CSS. Simples e fácil, e pode ser usado tanto para link quanto para qualquer outro elemento.

Tutorial de como criar um menu horizontal dropdown com 3 níveis de maneira simples e fácil, apenas com CSS sem utlizar Javascript ou Jquery

Propriedade CSS Min e Max Height e Width, usadas quando você precisa que seu conteúdo aumente automaticamente mas com um tamanho inicial ou final predefinido