Saiba as principais tags html para estruturar e personalizar sua página web. Aprenda a utilizar as tags corretamente para criar um site funcional e atraente. Este artigo apresenta um guia detalhado com 17 tags essenciais.
Baixe Principais Tags HTML para Criar Sua Página: Um Guia Completo | Homehost e outras Notas de estudo em PDF para Programação Funcional, somente na Docsity!
21/05/2021 Tags HTML: as principais tags para criar sua página HTML | Homehost it) Pesquisar ... Homehost > Tutoriais > Construtor de sites > Tags HTML: as principais tags para criar sua página HTML Tags HTML: as principais Ea tags para criar sua página de sites prai SSL Grátis Domínio Grátis Wordpress 4x mais rápido Suporte premium 14 anos de mercado Use o código de desconto: 150FF CONTRATAR Neste artigo, vamos estudar algumas das mais importantes tags que o HTML utiliza em sua estrutura. Para começar é importante entender que o HTML é uma linguagem de marcação de hipertexto, e tem como principal função marcar e definir a estrutura de uma página na web. Saiba mais sobre HTML nesse artigo. Para esse tutorial, utilizaremos como base o HTMLS, a versão mais recente do HTML. Assim sendo, neste artigo você vai encontrar: * Oque são tags HTML? e Estrutura básica de um documento HTML e Tags de comentários em HTML e Tags HTML estruturais e Atags HTML de conteúdo * Tags de estilos e scripts Crie sua página em HTML O que são tags HTML? https:/Awww.homehost.com .br/blogtutoriaistags-html/ 117 21/05/2021 Tags HTML: as principais tags para criar sua página HTML | Homehost Área do cliente Minha Et) Conta estrutura do site. Ou seja: quando se escreve um código em HTML, as tags serão interpretadas pelo navegador, produzindo assim a estrutura e o conteúdo visual da página. A principal característica das tags é estarem sempre dentro dos sinais de chevron (sinal de “maior que” e “menor que”, ou seja: <>. As tags HTML são divididas em dois tipos: as que precisam de fechamento e as que não precisam de fechamento. As tags que precisam de fechamento possuem a sintaxe , já as que não precisam de fechamento possuem como estrutura . Além disso, uma mesma tag pode receber um ou mais atributos, que possuirá um valor que modifica sua estrutura ou funcionalidade. Atributos Os atributos são usados para personalizar as tags, modificando sua estrutura ou funcionalidade. Igualmente, os atributos são utilizados para atribuir uma classe ou id a um elemento. A maioria das tags tem seus próprios atributos. Contudo, existem alguns atributos genéricos que podem ser utiliz na mai vamos estudá-los: “u e class="...” - Atribui uma classe ao elemento (uma classe pode ser utilizada para um ou mais elementos); e id="...” — Atribui um id ao elemento (um id deve ser único, ou seja atribuído a um único elemento); https:/Awww.homehost.com .br/blogtutoriaistags-html/ 217 21/05/2021 Tags HTML: as principais tags para criar sua página HTML | Homehost Área do cliente Minha Et) Conta serve Cdud uid UEsSsds Ldgo. e - A tag IDOCTYPE informa ao navegador a versão do HTML que está sendo utilizada no documento. Por exemplo: no HTMLS, basta incluir IDOCTYPE html, e assim o navegador já saberá que se trata de um documento na versão HTMLS; * - - Esta tag é o elemento básico da estrutura do HTML. Assim sendo, ela conterá todos os elementos do seu documento. Todo documento HTML deve iniciar e finalizar com essa tag; * - Essa tag delimita o cabeçalho do documento. Não possui nenhum valor visível, porém é capaz de transmitir ao navegador diversas informações muito úteis e essenciais a uma boa apresentação do seu documento HTML; * - Essa tag define o título da sua página, o nome que aparecerá na sua aba, janela ou guia. Por esta razão, a tag >title> é de grande importância para o SEO; * - Essa tag permite inserir metadados ao seu documento, no caso acima, a informação charset="UTF-8”, que garante a compatibilidade do código com os caracteres de padrão latino americano; * - Finalmente, a tag que representa o corpo do documento. Em síntese, é nessa tag que todos os elementos visíveis do seu site devem ser inseridos. Agora que já conhecemos as tags HTML que formam a estrutura básica de uma página, podemos então estudar as diversas tags que contemplarão o documento. https:/Awww.homehost.com .br/blogtutoriaistags-html/ 47 21/05/2021 Tags HTML: as principais tags para criar sua página HTML | Homehost Área do cliente Et) Conta Dentro de um documento, muitas vezes precisamos fazer comentários, para facilitar no desenvolvimento. Com isso, o código fica mais organizado e podemos deixar anotações importantes para possíveis mudanças, ou apenas para orientar o código. Dessa forma, na tag de comentários (que é aberta com ), todos elementos incluídos dentro dela serão apenas comentários, ou seja, não serão visíveis no navegador. ex.
0lá Mundo
Como resultado final no navegador, teremos: Olá Mundo Repare que todo conteúdo das tags de comentário não aparecerá, sendo restrito apenas a quem estiver lendo o seu código HTML. Pratique utilizar os comentários em seu código, isso é uma boa prática e muito recomendada dentro do mundo do desenvolvimento. Tags HTML estruturais As tags abaixo são utilizadas nos documentos em HTMLS, e têm função estrutural no seu código. Portanto, essas tags têm grande importância na questão semântica da sua página, saber utilizá-las pode adequar o seu código para uma melhor visualização por parte do navegador e do usuário, além de proporcionar uma otimização para os processos de SEO. * - Essas tags definem um cabeçalho. Portanto, todo conteúdo que estiver https:Mnwn.homehost.com briblogtutoriaistags-html/ Minha 57 21/05/2021 Tags HTML: as principais tags para criar sua página HTML | Homehost Área do cliente Minha Et) Conta como LLuios, pdradgrdios, Imagens, IIMNkKS, ELC. Tags HTML de título As tags de título possuem valor semântico, variando entre seis níveis hierárquicos. Para fins de otimização SEO é importante entender como funcionam, e fazer uma utilização adequada. Para definir títulos, utilizamos as tags: - Título de maior valor hierárquico - Título de menor valor hierárquico Conforme dito anteriormente, a distribuição de título interferem no otimização do SEO de uma página. Com isso, uma página contendo apenas h1 não seria bem vista pelos mecanismos de busca. Portanto, é importante dividir os títulos deixando o h1 apenas para o título principal, h2 ou h3 para títulos das seções e h4 a h6 para subtítulos ou títulos que possuam baixo valor hierárquico em relação aos demais. Tags HTML de texto As tags de texto definem textos, estilos de fonte, parágrafos, spans, quebras de linhas, etc. Vamos conhecê-las: * -- Principal tag de texto, compõe um parágrafo; * - Apesar de ter uma funcionalidade e características parecidas com os parágrafos, costumam ser utilizadas apenas para https:/Awww.homehost.com .br/blogtutoriaistags-html/ n7 21/05/2021 Tags HTML: as principais tags para criar sua página HTML | Homehost Área do cliente Minha Et) Conta IOTITUIATIO, ltegenqdas> ue urna Imagem, el, Também pode ser utilizada para formar um container; * - Tag utilizada para representar texto pré-formatado. Muito utilizada para inserir códigos; e - Transforma o conteúdo em negrito; e - Transforma o conteúdo em itálico; e - Essa tag não necessita de fechamento, ela executa a função de quebra de linha. e - Essa tag não necessita de fechamento, ela forma uma linha horizontal. Tag de link HTML A tag de link HTML é responsável que faz a ligação entre um documento e outro, sendo ele da mesma página ou de uma página de outro domínio. Esse elemento garantiu que o HTML se destacasse, e moldou a internet da forma que ela é hoje! Portanto, é o principal fundamento que forma a web. Para realizar um link, podemos chamar as tags com o atributo href. Por exemplo, caso você queira criar um link no seu texto que redirecione à página inicial do google:
Como resultado, teremos: Para acessar o Google, clique aqui. Tags HTML de multimídia https:/Awww.homehost.com .br/blogtutoriaistags-html/ 817 21/05/2021 Tags HTML: as principais tags para criar sua página HTML | Homehost Área do cliente Minha Et) Conta “VIUCU2, POTLATILO, ULIIZAITOS d tds Seu navegador não possui suporte para áudio.