Curso
Para que o usuário entenda do que se trata uma página web é necessário que o conteúdo dela esteja organizado. Para isso utilizamos as tags HTML. Neste curso vamos aprender as tags básicas que são utilizadas para diferenciar um título de um parágrafo, inserir uma imagem e exibir um link.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
14 horas
As tags HTML estão presentes em todas as páginas web e por isso é importante aprender como e quando utilizá-las. Nesta aula vamos aprender quais são estas tags e porque elas são úteis.
Conhecer a página web que vamos criar é um ponto importante para conseguirmos entender onde cada tag básica se encaixa no nosso projeto.
Antes de aprender o uso das tags básicas é importante relembrarmos os conceitos de tags e elementos HTML.
Em uma página web o uso de títulos é essencial para identificar o conteúdo que será exibido. Esse título pode ser da página ou então de seções - partes menores de uma página. Nesta aula vamos aprender como utilizá-los.
Separar blocos de textos ou blocos de conteúdos relacionados é a função do parágrafo que é criado a partir da tag p que veremos nesta aula.
Links são usados para redirecionar o usuário para outras páginas, ou para uma parte específica do seu site. Nos dois casos utilizamos a tag a que veremos nesta aula.
Normalmente um site possui imagens seja para exibir um produto, um ícone ou até a logo da empresa. Nesta aula vamos aprender a exibir uma imagem utilizando a tag img e a definir alguns de seus atributos.
A função da div é agrupar elementos. Ela funciona como um container que não possui uma aparência visual.
A função da tag span é marcar um texto em uma linha para que ele seja estilizado. O estilo em si não será aplicado com HTML, mas sim com a linguagem CSS - a ideia de usar span no HTML é apenas marcar o texto com um rótulo.
Iframe é usado quando queremos exibir dentro do nosso site uma página web externa. Isso é muito usado para incorporar uma página de redes sociais como o Facebook, Instagram ou então exibir o mapa do Google dentro da nossa página.
CSS: Flexbox
CSS: Position relative e absolute
CSS: Position fixed