Curso de Html5 | Aula 01 - Introdução ao Curso e a Linguagem Html
Inscreva-se no canal!
Se você tem interesse no conteúdo falado no vídeo e aqui neste artigo, clique no botão abaixo e se inscreva no canal.
Conteúdo complementar a Vídeo Aula!
Nesta primeira vídeo aula vamos dar início ao curso de HTML5.
O objetivo desta aula é apresentar o conceito básico do HTML, como visualizar o código de um site, quais programas utilizar para desenvolvimento e como criar seu primeiro arquivo HTML.
O que é HTML5?
HTML5 é uma linguagem de marcação conteúdo (HyperText Markup Language) utilizada para estruturar e apresentar conteúdo na web.
Ao acessar um site, você vê elementos visuais como textos, imagens e botões, mas por trás disso tudo está o código HTML que organiza e define como esses elementos serão exibidos.
Para entender melhor isso, podemos usar um exemplo prático.
Acesse uma página da internet qualquer, pressione Ctrl + U para visualizar o código-fonte.
Você verá que toda a estrutura visível do site é gerada a partir de uma combinação de códigos que chamamos de tags HTML entre outras códigos que podem estar presente (css, javascript etc).
Importância de Usar um Bom Editor de Código
No início do aprendizado, muitos professores ensinam HTML utilizando o Bloco de Notas.
De fato, é possível desenvolver websites com ele, mas nem de longe é a melhor opção.
Isso porque o Bloco de Notas exibe tudo em texto puro, sem formatação, o que dificulta a identificação entre conteúdo e código html, css, javascrip etc.
Por isso, recomendo o uso de editores de código como o Brackets, Visual Studio Code, Netbeans, que oferecem realce de síntaxe, sugestões de código e uma interface mais amigável para desenvolvedores, sejam eles iniciantes, intermediários ou avançados.
Configurando o Ambiente de Desenvolvimento
Para começar, abra o Brackets ou outro editor de código de sua preferência e selecione uma pasta onde você salvará seus projetos.
Evite nomes com acentos, espaços ou caracteres especiais.
Utilize _ (underline) ou - (hífen) no lugar de espaços, para garantir compatibilidade com todos os sistemas operacionais.
Criando seu Primeiro Arquivo HTML
Vamos criar um arquivo básico utilizando as primeiras tags HTML.
No editor, clique em “New File” e salve com o nome aula_01_introducao.html. Em seguida, digite o seguinte código:
<!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>Minha Primeira Página</title> </head> <body> <h1>Minha primeira Página com este Curso de HTML5!</h1> <p>Este é um parágrafo em HTML5.</p> </body> </html>
Entendendo a Extensão de Arquivos
Quando criamos um arquivo no Word, ele é salvo com a extensão .docx.
No HTML, usamos a extensão .html para que os navegadores saibam que devem interpretar o conteúdo como uma página web.
Extensões definem o formato do arquivo, e usar a extensão correta é essencial para garantir que o navegador exiba a página da forma esperada.
Evite Caracteres Especiais nos Nomes
Evite nomes como “introdução.html” ou “minha página.html”.
Prefira algo como "introducao.html" ou "minha_pagina.html", isso evita problemas de compatibilidade, principalmente em servidores ou sistemas operacionais mais antigos que não reconhecem acentuação.
Por que Evitar Recursos Avançados nos Editores
Apesar de muitos editores de código modernos oferecerem atalhos e automações, o ideal no início é escrever o código manualmente.
Isso fortalece seu entendimento da estrutura da linguagem HTML.
Além disso, caso você precise trocar de editor de código no futuro, não dependerá de recursos exclusivos de um programa.
Ou seja, liberdade de escolha. Isso é maravilhoso.
Conclusão: Primeiros Passos com HTML
Nesta primeira aula do curso, vimos os conceitos fundamentais do HTML, a importância de um bom editor de código, como organizar seus arquivos e como criar uma estrutura básica de página.Esse é apenas o começo da sua jornada como desenvolvedor web. A cada nova aula, vamos explorar novas tags e recursos da linguagem, construindo aos poucos seu conhecimento para que você possar se especializar na criação de sites com HTML5.
Quer Ser um Desenvolvedor Front-End e Back-End?
Está querendo estudar desenvolvimento web para se tornar um programador/desenvolvedor back-end e front-end te convido a conhecer o meu curso sobre Desenvolvimento Web, aonde Ensino como Trabalhar com Html5, Css3, Javascript, Php e Sql (MySQL e MariaDB) para criar projetos para Web como Sites e Aplicativos Web. Atualmente o curso possui mais de 40 Horas de Aulas em Vídeo e mais de 118 Vídeos Aulas prontas. Clique Aqui e Venha conhecer o Curso!
