Tutoriais HTML

Learn how to easily modify the default working directory for SFTP (Secure File Transfer Protocol) in your Linux system, ensuring efficient file management and navigation.

Discover how to leverage the Golang Embed package to seamlessly include static files and directories within your Go applications, streamlining deployment and improving security.

Explore advanced Golang file embedding strategies, learn practical techniques for embedding static assets, and optimize resource management in Go applications.

Neste laboratório, você aprenderá a estilizar listas HTML usando várias propriedades CSS para criar uma barra de navegação horizontal.

Neste laboratório, você aprenderá os fundamentos da manipulação do DOM com JavaScript, incluindo seleção de elementos, alteração de conteúdo, definição de atributos e criação/anexação de novos elementos.

Neste laboratório, você aprenderá a estilizar tabelas HTML usando várias propriedades CSS para melhorar sua legibilidade e apelo visual.

Neste laboratório, você aprenderá os fundamentos do JavaScript, incluindo como incorporá-lo diretamente em um arquivo HTML e como vincular um arquivo JavaScript externo.

Neste laboratório, você aprenderá os fundamentos da manipulação de eventos em JavaScript, desde o uso do atributo onclick até técnicas avançadas como addEventListener e propriedades do objeto event.

Neste Lab, você entrará no mundo do desenvolvimento web através dos olhos de Alex, um desenvolvedor web em ascensão encarregado de criar um rastreador de finanças pessoais dinâmico. O objetivo é construir uma aplicação amigável que permita aos usuários inserir e acompanhar suas despesas e rendimentos diários. O objetivo é claro - desenvolver uma interface que seja intuitiva e envolvente, garantindo que os usuários possam gerenciar facilmente suas finanças sem qualquer dificuldade. Este projeto não apenas visa simplificar o gerenciamento de finanças pessoais, mas também apresentar a você os conceitos fundamentais de JavaScript e manipulação do DOM.

Aprenda a criar uma estrutura básica de documento HTML, entender as tags HTML essenciais e construir uma página web fundamental com marcação semântica adequada.

Aprenda a criar, estilizar e manipular elementos div em HTML, explorando suas características de nível de bloco, cores de fundo e técnicas de posicionamento.

Neste Lab, a jornada de Alex pelo desenvolvimento do rastreador de finanças pessoais entra em um estágio avançado, com foco no aprimoramento da interatividade do aplicativo por meio de técnicas sofisticadas de tratamento de eventos. A cena se passa em uma sessão de brainstorming na startup de tecnologia, onde Alex propõe adicionar um recurso de arrastar e soltar para reordenar os registros financeiros. Este objetivo ambicioso visa fornecer aos usuários uma maneira intuitiva de organizar seus registros, refletindo a natureza fluida do gerenciamento de finanças pessoais. Para alcançar isso, Alex precisa explorar eventos DOM avançados e manipular elementos de uma forma que seja visualmente atraente e fácil de usar.

Aprenda a usar o posicionamento relativo CSS para controlar o layout de imagens e elementos, criando designs de páginas web flexíveis e dinâmicos com posicionamento preciso de elementos.

Aprenda a usar as propriedades de margem CSS para controlar o espaçamento em torno de elementos HTML, entender diferentes sintaxes de margem e aplicar vários estilos de margem para aprimorar o layout da página web.

Neste projeto passo a passo, você aprenderá como criar um aplicativo web Task Timer usando HTML, CSS e JavaScript. Este aplicativo web permitirá que os usuários adicionem tarefas, iniciem e parem cronômetros para cada tarefa e excluam tarefas. Ao final deste projeto, você terá um aplicativo web Task Timer totalmente funcional com uma interface moderna e amigável.

Aprenda técnicas fundamentais de seletores CSS para estilizar elementos web de forma eficiente, incluindo seletores de tag, classe e ID, com exemplos práticos e melhores práticas.

Aprenda a implementar o posicionamento fixo em CSS para criar elementos estáticos que permanecem no lugar durante a rolagem, com exemplos práticos de anúncios laterais e layouts de navegação.

Neste projeto, você aprenderá como criar um jogo Whack-a-Mole usando HTML, CSS e JavaScript. O jogo envolve golpear toupeiras que aparecem aleatoriamente de buracos dentro de um limite de tempo especificado. Você criará os arquivos HTML, CSS e JavaScript necessários e implementará a lógica do jogo passo a passo.