Classificação
0 %
Popularidade
Opine
Descrição:
O Curso de HTML5 e CSS3 vai ensinar a criar sites usando a linguagem de marcação hipertexto (HTML) e folhas de estilo em …
Muito bom! Parabéns guanabara e a equipe!
Cara esse guanabara nasceu para isso, essa foi sua missão aqui na terra. Parabens
presente
👊
Gustavo é pra mim o melhor professor nessa área que eu já vi…Parabéns Gustavo, Deus te abençoe muito para que você faça muitos cursos para ajudar aqueles que precisam de ajuda! Valeu!
KKKKKKKKKKKKKKKK EU ANOTEI o CODIGO todo e vai ter no editor kkkkkkkk MUITO BOM.
Que aula massaaaaaaa!
irei usar o replit
Nossa vc é top
Aula top demais, obrigado!! Estou muito animado com o curso.
muito bom mesmo, nunca foi tao facil ficar horas na frente do computador estudando como nas aulas desse Professor
boa tarde iniciei o curso nao manjo nada dessa area porem estou me esforcando para aprender quero saber se no final dos videos vou garantir meu certificado um abraço e guanabara ensina muito bem ja tirando todas as duvidas obrigado
Obrigado Guanabara, você é simplesmente FODA. Teu lugar no céu tá garantido hahaha
PROFESSOR, SUAS AULAS SÃO SIMPLESMENTE TOP…DE FACIL ENTENDIMENTO, AMANDO..OBRIGADA
finalmente algo bom e útil que me coloca em hiperfoco. Professor Guanabara vc é incrivel!
mt bom
Mais uma aula incrível!
Valeu, Guanabara!!
muito bom
seguindo firme e forte nas aulas.😁🤓
Nesse universo, o imaginago da aula de dev web! (com todo respeito Guanabara, zoeira a parte gosto muito de você mano, de verdade! )
html = hypertext markup lenquage
hypertext = a quando voçe cilica em uma palavra e apre um link
markup = marcas
css = cascading style sheets
————————————————————————————————————————————————————————————-
html = conteudo de qualquer coisa como texto imagens videos tabelas listas tudo que for focado em conteudo e html.
So que não adianta fazer um site com muinto conteudo mais ele e feio porrisso usam css.
css = disign cor tamanho da imagem um texto scrito por cima da imagem, cores sombra, tamanho, posicionamento, etc.
java script(js) = trabalha com as interação do site, e munito mais como menus, animaçães, popups, validacões, etc.
————————————————————————————————————————————————————————————-
Conteudo em HTML
Exemplo de titulo = conteudo so que para tansformar em conteudo tem que fazer as tags que ficam entre os
<h1> isso se chama abertura de tag, o h1 apre e o </h1> fecha.
ex: <h1> Olá mundo </h1> (criei um titulo)
paragrafo ele inicia com <p> e termina com </h1>
ex: <p> Mais um dia </p> (criei um paragrafo)
para colocar uma foto e uma mais complexa
<img scr="foto.png" alt="exenplo de foto">
img = abertura de tag o fechamento de img não tem barra
srg = orige
alt = alternativo, que serve se eu não consequir mostra a imagem ele vai mostra "exenplo de foto"
ja o src e alt são os parametros ta imagem(img)
oque esta entre aspas e o que agenta chama de valor
————————————————————————————————————————————————————————————-
estilo em CSS
h1{
font-family: Arial;
font-size: 20pt;
color: blue;
}
o nome desse h1 e seletor no css
dentro dos celetores vamos colocar linhas
font-family: Arial; = isso vai a familia da letra vai para de ser uma e vai vira arial
font-family: Arial; = isso se chama declaração em css
color = propriedade
blue = valor
basicamente vo troco qual letra e
trocou o tamanho dela
trocou a cor dela
————————————————————————————————————————————————————————————-
Estrutura basica de documento HTML
1 comando quer dizer que eu vou desesnvolver um site em html 5
<!DOCTYPE html>
Doctype siquinifica que e uma configuração que diz para o site que vai ser desenvolvido em html 5
depoi voçe vai criar o par do html que basicamente todos os codigos vão ficar
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,
initial-scale=1.0">
<title>Document</title>
</head>
<Body>
<h1>Olá, Mundo!</h1>
</body>
</html>
isso html e onde todo o cidigo fica
lang="pt-br = defini a linqua que vai ser criado o site
head = a area de configuração
body = area do corpo so site
<meta charset="UTF-8"> = isso siquinifica que no site vai poder colocar acentus
A LINHA GRANDE = o site vai pegar toda a poarte branca menos a de cima e ele vai servisualizado em uma escala de 100%
<title>Document</title> = o titulo
<h1>Olá, Mundo!</h1> = coloca o conteudo do site
Guanabara! Casa comigo !!!! Que explicação maravilhosa cara!!!!!!! Estou começando a assistir seus vídeos e minha cabeça tá explosão atrás de explosão!!!
gente, comecei agora, devo estudar JS junto com esse ou termino HTML E CSS primeiro ?
Muito bom guanabara!!
Olá, alguém poderia me dizer se para mim começar a estudar essas coisas e programação eu preciso ter um pc muito bom, ou eu consigo fazer as coisas que pede com um pc "normal" mesmo…?