Tudo sobre HTML, localhost e index
Se você está começando com desenvolvimento web, chegou a hora de entender de uma vez o que é HTML e sua relação com os termos localhost e index.
PUBLICADO POR AYLTON INACIO
Tutoriais e Artigos > Websites e SEO
Você está começando com desenvolvimento web? Então já ouviu falar em HTML, localhost, index e outros termos bem comuns da área, mas que num primeiro momento podem confundir um pouco as coisas.
O objetivo deste post é justamente clarear as coisas, mostrando na prática o que é HTML e como usar corretamente, além da sua relação com localhost e arquivos index. Vamos lá!
HTML
A linguagem HTML é utilizada para criar páginas de internet, simples assim. Com ela você pode definir blocos, textos, imagens, entre vários outros elementos que podem ser renderizados em um navegador.
Para criar uma página HTML, você só precisa de um editor de texto, como o bloco de notas do Windows, por exemplo, e nele começar a digitar seus códigos HTML.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Título da página</title>
</head>
<body>
<h1>Título visível</h1>
<p>Meu parágrafo</p>
</body>
</html>
A linguagem HTML funciona baseada em TAGS, ou seja, se você quiser definir um título, basta utilizar a TAG H1, e se quiser colocar uma imagem, é só utilizar a TAG IMG.
Acesse agora meu meu post "Como criar seu primeiro site do zero com HTML e CSS" que vai te ajudar nos primeiros passos.
Localhost
Ao criar uma página Web ou site completo, existem vários momentos antes de entregar o projeto finalizado para o cliente.
Quando estiver pronto e entregue, o produto estará em produção, ou seja, já publicado em um servidor para que todos os interessados possam acessar e usar.
Agora, enquanto você estiver desenvolvendo o projeto, ele estará somente na sua máquina, rodando em um servidor web local, e para acessar o projeto basta entrar no navegador com o endereço localhost/pasta_do_projeto.
Se você quiser instalar um servidor web local de um jeito rápido e fácil, pesquise por XAMPP. Ele irá instalar na sua máquina o webserver Apache e deixará tudo funcionando, perfeito pra quem é iniciante.
Com o XAMPP instalado, basta iniciar o Apache pelo painel de controle e usar seu "Localhost". Os projetos devem ser colocados na pasta XAMPP/HTDOCS, criada na instalação, normalmente na unidade C:
Index
Um site é composto por vários arquivos, mas normalmente um deles é o principal, ou seja, aquele que será executado sempre que alguém acessar a página inicial, e o nome desse arquivo é index.
Ele pode ser index.html, index.php, enfim, depende da configuração do seu servidor web.
A imagem a seguir mostra os arquivos de um projeto web, com o index.php (poderia ser index.html), dentro do programa FileZilla, que serve para enviar os arquivos da máquina local para o servidor de hospedagem.
Então é isso, eu espero que você tenha gostado desta publicação. Fique à vontade para compartilhar nas suas redes sociais para ajudar na divulgação e crescimento do site.
Aproveite para se inscrever no meu canal do YouTube e também na News do site pra ficar por dentro das novidades em artigos, tutoriais e cursos online.
Abraço e até a próxima!
