Classificação
0 %
Popularidade
Opine
Descrição:
Aula 100% prática de HTML5 com CSS3. Conheça as tags básicas e saiba como criar um documento no novo padrão. EXTRA!
Os links de pacotes para download estão quebrados, alguém que já possua consegue me ajudar?
muito legal! TMJ!
Todos os links para baixar o pacote está quebrado.
Alguém teve problema no carregamento da imagem? Se sim, como resolveu??
Em que botão usar pra ver o site?, o meu não aparece de cara não.
2022 aqui, se eu fizer isso no Visual Studio Code, será que rola?
Iniciando em 2022, com fé, foco e força 🙏
Os links não estão funcionando mais
2022 aqui vlw professor
2022 the beginning…
2022 🙏
✨Galera se vocês estão procurando material desse vídeo, saibam que vocês estão vendo um vídeo antigo… O PROF GUANABARA FEZ UM REMAKE DESSAS AULAS, COM ATUALIZAÇÕES RECENTES E CREIO QUE SERÁ MAIS VIÁVEL A TODOS VER POR LA….
SEGUE O LINK GALERA, espero ter ajudado: https://youtu.be/Ejkb_YpuHWs?list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n ✨
LINK DO CURSO EM VIDEO: https://www.cursoemvideo.com/curso/html5-css3-modulo1/ ✨
Os links mencionados para download dos pacotes estão quebrados.
Acho que só devia ter explicado no notepad++ , achei que ia explicar nele
boa noite amigos, alguem que ja tem os pacotes baixados poderia me encaminhar o link ou os pacotes
??
Iniciando em 2022, mais alguém?
Os links dos pacotes de downloads não estão mais disponíveis?
Olá pessoal, tenho uma dica pra quem está procurando por um bom editor de texto. Eu baixei os que ele comentou no vídeo mas não deu muito certo para mim, então recomendo o VS Code, é muito bom e ele também ajuda que nem o do professor, além de ser grátis. Espero que esse comentário ajude alguém e não desistam. Obrigada professor pelo excelente curso!!!!
Só não aprende quem não quer , nunca vi aula mais pratica que essa ,
Ótimo professor, e vamos para o próximo vídeo.
Marca HTML, ou tag HTML, é tudo que estiver escrito entre os sinais: <>
Para abrir uma tag, usa-se: <>
Para fechar uma tag, usa-se: </>
—
Primeiro Exemplo:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Curso de HTML5</title>
<style>
h1 {
font-family: helvetica;
font-size: 40pt;
color: cyan;
text-shadow: 5px 5px 5px black;
}
</style>
</head>
<body>
<h1>HELLO WORLD!</h1>
<h2>Agora to safe xD</h2>
</body>
</html>
—
Explicação Primeiro Exemplo:
A declaração <!DOCTYPE html> serve para indicar ao navegador que ele lidará com um documento do TIPO HTML em sua versão mais recente (HTML5).
DOCTYPE = Document Type = tipo de documento
A tag <html> representa a RAIZ do documento. Ela é o container de TODOS os outros elementos HTML.
HTML = HyperText Markup Language = linguagem de marcação de hipertexto
O atributo lang="" serve para definir a LINGUAGEM do conteúdo presente no documento.
A área entre <head> </head> é dedicada para CONFIGURAÇÕES COMPORTAMENTAIS do site.
A tag <meta> serve para definir METADATA sobre um documento HTLML.
*metadata (data about data) = dados sobre dados / uma informação sobre uma informação
ex: um arquivo de FOTO. Caso você clique "detalhes" ou "propriedades", você verá metadata. Informações (data/hora que foi tirada a foto, título/tamanho/resolução do arquivo) sobre uma informação (a foto em si).
*Esta tag <meta> NÃO TÊM fechamento (</meta>). Caso queira, você pode apenas deixar a tag de abertura (como está no código) ou utilizar o "fechamento" (/>) no final da tag. ex: <meta charset="UTF-8"/>
O atributo charset="" serve para especificar o FORMATO DE CODIFICAÇÃO DE CARACTERES de um documento HTML. Serve basicamente para corrigir problemas de acentuação.
charset = CHARacter SET = conjunto de caracteres
*Para utilizar este atributo é necessário que ele esteja dentro da tag <meta>, pois é uma informação (codificação de caracteres) sobre uma informação (do documento HTML), ficando assim: <meta charset="UTF-8">
TESTE: substitua o valor de "UTF-8" para "ASCII" e escreva palavras com acentuação e veja elas sendo exibidas de maneira bugada.
A tag <title> serve para definir o TÍTULO DO SITE. Este é exibido na guia do navegador.
*Caso você não defina um título, o título será o nome do arquivo HTML.
A tag <style> é uma área dedicada à CONFIGURAÇÕES DE ESTILO do site. É o CONTAINER (aquilo que contém algo) das CONFIGURAÇÕES DE ESTILO (CSS3) DO CONTEÚDO (HTML5) DO DOCUMENTO. Nesta seção usa-se a tecnologia CSS3 ao invés de HTML5.
"h1 {" significa que ABRIMOS o h1 para alterar o seu estilo.
font-family: determina o tipo de fonte;
font-size: determina o tamanho da fonte;
color: determina a cor da fonte;
text-shadow: determina a sombra da fonte. Dividido em 4 partes: a 1° determina o valor do deslocamento horizontal da sombra em pixels, o 2° vertical e o 3° é o raio de desfoque da sombra. E o 4° é a cor da sombra;
"}" significa que FECHAMOS o h1, ou seja, terminamos de configurar o seu estilo.
A tag <body> é uma área dedicada à REPRESENTAÇÃO DO CONTEÚDO do site. É o CONTAINER de TODO CONTEÚDO (HTML5) DO DOCUMENTO, ou seja, tudo que será EXIBIDO (texto, imagens e vídeos).
A tag <h> serve para definir um TÍTULO dentro de alguma seção. O QUÃO destacado será este título é determinado pelo número após o "h".
h = heading = título
A tag <h> é uma HIERARQUIA DE TÍTULOS, sendo o "1" o mais destacado (maior valor semântico) e o "6" o menos destacado (menor valor semântico). h1 é um título, h2 é um subtítulo de h1, h3 é um subtítulo de h2 e h1 e assim sucessivamente.
Recomendo o editor VSCODE com os pluguins emet e preview! Gratuito e eficiente.
Estou de férias na faculdade de analise e desenvolvimento de sistemas , lá estou aprendendo com o #c++ e o #visualg
Fiz seu curso de algoritmos e em poucos dias aprendi oque o professor não conseguiu explicar direito em 6 meses , comecei a fazer o seu curso de javascript patrocinado pelo google e dei stop no meio do curso para vir aqui aprender html e depois voltar pra la.
Sua didática é incrível , realmente você tem o dom de ensinar , parabéns professor Gustavo Guanabara !!
Oi galera estou vendo esse curso hoje em 2022 no caso do programa que ele indicou como sublime hoje o vscode é a mesma coisa que esse editor de texto
Escolhi usar o vscode para aprender front-end.
Na tag <tittle>Curso de HTML5</tittle> o meu titulo não está aparecendo na aba que deveria, está se transformando como se fosse apenas mais um titulo antes do h1. E o nome da aba continuar com o nome do que eu dei ao arquivo '-'
Iniciando em 2022!
Mais alguém?
Quando eu fiz no Notepad++ não deu esse erro no "olá mundo"
Simplesmente ótimo!
bom dia galera, em maio de 2022, preciso aprender programação
Professor, estou fazendo o curso agora em 2022, mas não consigo encotrar o pacote do google glass pra continuar os estudos
começando em 21/05/2022
Tentei baixar o arquivo no recomendado que está na descrição, mas está quebrado.
iniciando em 2022 alguem mais , e boa sorte nos estudos
Assistindo 2022
Percebi que o video era antigo quando disse que 29 dólares da 60 reais kkkkkkkkkkkkkkkkkkkk
Top demais! 2022 aqui estou Eu! novo Programador! Canal Top!
Começando agora. Mais alguém?
Uhuuu 2022
fui tentar baixar o pacote, quando cliquei no link disse que a pagina não existe
Não consegui baixa os pacotes, a pagina da erro.
posso usar o opera gx ?
Os links (YouTube e CursoEmVideo) para baixar o pacote 01 necessário para continuar o curso estão corrompidos. Não consegui baixar para continuar estudando.
Será que da pra fazer no VS code ?
Muito bom