Categoria: Tutoriais

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

O que é HTML? Entenda de forma descomplicada

Se você trabalha ou tem familiaridade com tecnologia e internet, provavelmente já ouviu falar sobre HTML. Mas afinal, o que é esse tal de HTML? Neste artigo, você encontrará os seguintes tópicos: O que é HTML Como funciona o HTML O que são tags Principais tags do HTML A estrutura básica de um documento HTML Como surgiu o HTML A evolução do HTML A relação entre HTML, CSS e JavaScript O que é HTML? Criada pelo britânico Tim Berners-Lee, o acrônimo HTML significa HiperText Markup Language, traduzindo ao português: Linguagem de Marcação de Hipertexto.  O HTML é o componente básico da web, ele permite inserir o conteúdo e estabelecer a estrutura básica de um website. Portanto, ele serve para dar … Leia Mais

Modal Bootstrap : um guia básico (com tutorial)

Neste artigo, falaremos sobre o uso de modal Bootstrap. Bootstrap é um framework gratuito para o desenvolvimento de componentes de interface web front-end baseado em HTML, CSS e JavaScript. Com o intuito de melhorar a compreensão, trabalharemos com modelos-tutoriais. Para este exemplo, vamos usar a versão 4.3 do Bootstrap, a mais atual no momento da criação deste artigo. Tópicos deste artigo: Código fonte de um modal Bootstrap O que é um modal? Para que serve um modal? Conectando a página ao Bootstrap Criando um modal Bootstrap básico Organizando o modal Bootstrap (cabeçalho, corpo e rodapé) Como aprofundar os seus conhecimentos em modal Bootstrap   Clique no botão abaixo para ver como funciona o nosso modal Bootstrap: Abrir Modal Título do … Leia Mais

Links HTML: saiba o que são e como utilizar no seu site

Neste artigo, vamos entender o que são os links HTML, como surgiram, sua sintaxe e algumas formas de aplicação. Além disso, veremos diversos exemplos práticos, para você praticar e utilizar em suas páginas HTML. Este artigo possui os seguintes tópicos: O que são os links HTML O surgimento dos links HTML Como fazer um link em HTML Estilizando o link O atributo href O atributo target O atributo title Criando âncoras com os links HTML Link HTML para enviar um e-mail Link HTML para download de um arquivo Base link Links HTML em imagens Pratique você mesmo O que são os links HTML Desde a origem da internet, o que torna a web o que ela é hoje é justamente … Leia Mais

Tabela de cores HTML: aplicando cores nas tags HTML

Durante o desenvolvimento de um website, existem diversos fatores que interferem diretamente na qualidade do mesmo, e em como o usuário receberá as informações do conteúdo. Uma das coisas mais importantes para a criação de um layout é a escolha certa das cores a utilizar. Por esta razão, ter à mão ferramentas que facilitem no processo como uma tabela de cores HTML  é essencial. Através das linhas de código HTML e CSS, podemos aplicar cores tanto para fontes como para seus elementos. Podemos até mesmo aplicar cores às bordas ou sombreamentos. São muitas possibilidades que nos permite criar layouts mais complexos e com diversas características. Com os diversos tipos de display, grids, flexbox, floats, é possível criar inúmeras possibilidades visuais … Leia Mais

Limpar o cache: como fazer no computador e celular

Quando você navega na internet, visitando várias páginas, o seu computador vai guardando automaticamente os dados de navegação que você utilizou em cada website. A isso chamamos memória cache. Mas como limpar essa tal “cache”? É importante você entender o que é a memória cache, a diferença entre o cache, os cookies e o histórico, os problemas que podem de advir por não limpar o cache, e por último, como limpar o cache do seu navegador. Tópicos deste artigo: O que é a memória de cache? Cache x cookies x histórico: entenda as diferenças Desvantagens do armazenamento em cache A importância de limpar o cache Como limpar o cache do Chrome Como limpar o cache do Chrome no celular Como … Leia Mais

Erro 500: 8 soluções para o erro 500 Internal Server Error

O erro 500 de HTTP – mais conhecido como 500 Internal Server Error é um problema muito comum em servidores de hospedagem de sites. Este código de erro faz parte de uma série de códigos de status HTTP. Ele pode ser causado por diversas razões. Neste artigo iremos explicar todas as causas e assim apresentar as alternativas para resolver este erro em seu site. Além de representar um erro em seu site, a ocorrência de erros 500 prejudicam o SEO de seu site. Conteúdo deste artigo: 1.0 Como corrigir o Erro 500 em sites WordPress 1.1 Solução 1 – Resetar o arquivo .htaccess pelo WordPress 1.2 Solução 2 – Resetar o .htaccess manualmente 1.3 Solução 3 – Atualizar ou desativar plugins 1.4 Soluçao 4 – Alterar seu template … Leia Mais

Mysql Front: Conectando ao MySQL e gerenciando seu banco

O MySQL Front é talvez um dos aplicativos mais antigos para gerenciamento de bancos de dados MySQL. Através dele você pode se conectar com o banco de dados, realizar consultas, editar dados de forma fácil, etc. Trata-se de um aplicativo bastante versátil e estável. Neste artigo, explicaremos todas as operações mais usadas dele. O MySQL Front é um aplicativo muito similar ao Heidi SQL, DBeaver e phpMyAdmin. Primeiramente, você precisa habilitar o acesso remoto do MySQL no servidor. Este artigo parte do princípio que você já criou um banco de dados MySQL no servidor. Tópicos deste artigo Como se conectar com o banco de dados MySQL usando o MySQL Front Como listar dados e realizar consultas Inserindo um novo registo … Leia Mais

hhchat