Páginas Multiuso | Simplificando HTML

Criada por Emily Lima, Modificado em Sex, 1 Jul, 2022 na (o) 3:54 PM por Ana Késya

HTML significa Hyper Text Markup Language, em português Linguagem de Marcação de Hipertexto. Este recurso serve para criar documentos, páginas Web e formatar elementos. É conhecido como uma linguagem de marcação, ou seja, um padrão para a criação de páginas Web. O elemento de HTML também serve para descrever a estrutura de uma página, como ela será exibida. Nós os chamamos de hipertextos. Os hipertextos são conjuntos de elementos conectados.

#1 O que são esses elementos?

Os elementos HTML são destinados para a identificação de partes dos conteúdos na página como: "isto é um título", "isto é um parágrafo", "isto é um link", etc.

Certo, mas como seriam esses elementos na prática? De início, saiba que o elemento HTML é estabelecido por uma tag inicial, algum conteúdo e uma tag final. Veja como ficaria:

< tagname > O conteúdo vai aqui ... < / tagname >

< h1 > Meu primeiro título < / h1 >

< p > Meu primeiro parágrafo. < / p >

É importante que os nomes dos arquivos HTML não tenham caracteres especiais como Ç^~’!@#$%”, para que eles funcionem da maneira correta.

#3 Para que servem esses elementos?

A <!DOCTYPE html> define que este documento é um documento HTML5 (possui tags específicas para a inserção de vídeos no corpo da página);

O <html> elemento é o elemento raiz de uma página HTML;

O <head> elemento contém metainformações (dados sobre outros dados) sobre a página HTML;

O <title> elemento especifica um título para a página HTML (que é mostrado na barra de título do navegador ou na guia da página);

O <body> elemento que define o corpo do documento e é um contêiner para todo o conteúdo visível, como títulos, parágrafos, imagens, hiperlinks, tabelas, listas, etc;

O <h1> elemento define um grande título;

O <p> elemento define um parágrafo.

#4 Como ficará essa estrutura?

#5 O que precisa para começar?

A plataforma online que nós usamos é a Stack Blitz, que por sinal é muito parecida com a Visual Studio Code, uma plataforma desenvolvida pela Microsoft. É na Stack Blitz onde vamos escrever, colocar imagens e testar esses elementos. Também chamados de hipertextos. Os hipertextos são conjuntos de elementos conectados.

Você precisa criar uma conta no Github, um site que serve como um repositório de códigos. Serve para o caso de perda total em seus arquivos locais, você tenha um espaço seguro como o Github, que guardou os seus códigos.

#6 HTML e CSS

O HTML é a estrutura visual do site, isso nós aprendemos lá no início do texto. Mas e o CSS? CSS é o estilo do site. Ele pode ser utilizado para criar estruturas de conteúdos de sites e aplicações web.

O recurso HTML funciona muito bem com outras duas linguagens: CSS, que significa Cascading Style Sheets, em português Folhas de Estilo em Cascata e JavaScript, mas falaremos apenas sobre CSS. Eles proporcionam a implementação de funcionalidades avançadas e uma ótima experiência ao usuário.

O CSS é responsável pelo estilo como background, cores, layouts, espaçamentos, e animações. Pense como se o HTML fosse uma pessoa e o CSS são suas roupas e acessórios. Agora sim ficou mais fácil de entender como funcionam, não? ?

IMPORTANTE: os formatos aceitos em nosso editor são HTML e CSS. Nosso editor não aceita JavaScript.

Assista o nosso treinamento em nossa plataforma UNINCHURCH.

Criando Páginas Multiuso com HTML e CSS

A UNINCHURCH é uma plataforma voltada para treinamentos com vídeos, dicas de passo a passo e entre outras ferramentas que vão te ajudar a entender cada vez mais não só sobre o nosso produto, como Comunicação, Tecnologia e Liderança.