Do curso: Primeiros Passos na Criação de Sites com HTML5 e CSS3
Acesse uma demonstração gratuita desse curso
Cadastre-se hoje mesmo e acesse mais de 24.900 cursos criados por especialistas.
Exemplo: criando nosso primeiro código - Tutorial de Tailwind CSS
Do curso: Primeiros Passos na Criação de Sites com HTML5 e CSS3
Exemplo: criando nosso primeiro código
Bom, galera, como vimos na animação anterior, conseguimos entender como é que funciona o sistema de tags, né? Da gente nomear e envolver cada elemento dentro de tags para dar algum sentido para o navegador conseguir interpretar da melhor forma possível. Certo? Até então, tranquilo. Então vamos fazer aqui um exemplo. Vamos utilizar a tag de P e a tag h1 para exemplificar. Se você tiver usando VSCode, você vai ver essa facilidade. Quando a gente coloca h1, ele já aparece esse... essa engrenagem aqui para gente, né? Para ajudar a gente no autocomplete aqui. Essa é uma das vantagens de se utilizar um editor de texto voltado ao desenvolvimento, né? Bom, como a gente viu, para a gente definir que esse aqui é um título, né, a gente tem que colocar o conteúdo desse título entre as tags de abertura e fechamento do h1. Então vamos lá, colocar aqui o "Título 01". Esse é o nosso primeiro título. Bom, e um parágrafo. Basta a gente colocar a tag P, né? Você deve estar se perguntando como é que…
Conteúdos
-
-
Apresentação55 s
-
(Bloqueados)
Navegador a ser utilizado durante o curso1 m42 s
-
Editor de texto1 m22 s
-
(Bloqueados)
Preparando o ambiente de estudo3 m29 s
-
(Bloqueados)
Como funcionam as tags?4 m52 s
-
(Bloqueados)
Exemplo: criando nosso primeiro código2 m44 s
-
Elementos com e sem tag no HTML2 m3 s
-
(Bloqueados)
Espaços em branco e quebra de linha4 m20 s
-
(Bloqueados)
Criando um HTML completo6 m5 s
-
-
-
-