Categoria: Tutoriais

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 nos permite inserir diversos estilos, inclusive controlar o espaçamento entre qualquer elemento HTML. Porém, muitas vezes, estilar 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 sentem dificuldades quando precisam incluir um espaçamento maior em algumas partes do texto, principalmente quando queremos 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. Os tópicos desse tutorial são: 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 a estrutura … 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

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

DBeaver: Como conectar e gerenciar um banco MySQL

A ferramenta DBeaver SQL é um cliente de SQL, para desktop. Ele funciona com MySQL (versões 8 e superior), ORACLE, ODBC, SQL Server, DB2, PostgreSQL e outros. Trata-se de um aplicativo bastante versátil e completo, para gerenciamento de banco de dados. Ele é gratuito, e pode ser baixado e instalado sem custo. O DBeaver é um aplicativo muito similar ao Heidi SQL e ao phpMyAdmin. Basicamente ele possui as mesmas funções. Você pode fazer aqui o download do DBeaver. Antes de usar o DBeaver, você precisa habilitar o acesso remoto ao MySQL. Este artigo já parte do principio que você possui um banco de dados MySQL criado. Caso ainda não possua, você pode consultar este outro artigo sobre como criar … Leia Mais

O que é MySQL ?

MySQL é um sistema de gerenciamento de banco de dados (SGBD), gratuito e livre. Criado inicialmente em 1995, foi sofrendo evoluções com o tempo, e atualmente é a plataforma mais utilizada no mundo. Trata-se de um serviço estável, seguro e confiável. Uma ferramenta bastante poderosa. O MySQL foi criado por David Axmark e Michael Widenius, dois engenheiros da Suécia. Uma pergunta frequente dos nossos clientes é o que é mysql, e para que ele serve. WordPress, Magento, Woocommerce e Prestashop são exemplos de aplicações que fazem uso do MySQL. Por exemplo, um servidor web (por exemplo o Apache), acessa o banco de dados MySQL. Ele solicita consultas, inserção de dados e exclusão de dados. Por sua vez, o MySQL encaminha esses … Leia Mais

hhchat