Estude fácil! Tem muito documento disponível na Docsity
Ganhe pontos ajudando outros esrudantes ou compre um plano Premium
Prepare-se para as provas
Estude fácil! Tem muito documento disponível na Docsity
Prepare-se para as provas com trabalhos de outros alunos como você, aqui na Docsity
Encontra documentos específicos para os exames da tua universidade
Prepare-se com as videoaulas e exercícios resolvidos criados a partir da grade da sua Universidade
Responda perguntas de provas passadas e avalie sua preparação.
Ganhe pontos para baixar
Ganhe pontos ajudando outros esrudantes ou compre um plano Premium
Este resumo fornece uma visão geral concisa, mas abrangente, das principais noções e práticas associadas ao HTML (HyperText Markup Language), a linguagem de marcação padrão para documentos projetados para serem exibidos em um navegador web. O resumo aborda as principais tags HTML usadas para definir cabeçalhos, parágrafos, links, imagens, listas e tabelas. Cada tag é explicada com exemplos de código para facilitar o entendimento.
Tipologia: Esquemas
1 / 16
Esta página não é visível na pré-visualização
Não perca as partes importantes!
O HTML (Hypertext Markup Language) é a linguagem usada para criar páginas web. Nesta introdução, você irá aprender a estrutura básica de um documento, as tags HTML mais comuns e como adicionar imagens e links. Também mostraremos boas práticas de HTML.
O HTML é uma linguagem de marcação usada para criar páginas web que podem ser visualizadas em um navegador. Ele fornece a estrutura básica para o conteúdo, incluindo texto, imagens e outros tipos de mídia.
O HTML é um elemento fundamental para o desenvolvimento web e é usado em conjunto com outras tecnologias, como CSS e JavaScript.
Define um parágrafo
Define cabeçalhos de diferentes níveis
Cria listas não ordenadas
Cria listas ordenadas
Há muitas outras tags HTML disponíveis, mas essas são as mais comuns e são suficientes para criar a maioria das páginas web.
Tags HTML : etiquetas que marcam um conteúdo e dão um significado semântico. Sintaxe : começa com o sinal de menor (<) e termina com o sinal de maior (>). Exemplo :
Meu Título - começa com para indicar o início de um título de nível 1, coloca o conteúdo do título e termina com para indicar o fim do título.
Meu Parágrafo
- começa compara indicar o início de um parágrafo, coloca o conteúdo do parágrafo e termina com
para indicar o fim do parágrafo.Diferença entre e : ambas colocam o texto em negrito, mas a tag acrescenta uma carga de informação, indicando que aquele conteúdo é importante. A tag apenas destaca visualmente o texto. **Diferença entre e ** : ambas colocam o texto em itálico, mas a tag serve para dar ênfase no texto. Semântica : as tags e acrescentam semântica ao texto. **Tag ** : serve para destacar um pequeno pedaço de um texto por algum motivo qualquer, dando ênfase ao conteúdo. Tag : acrescenta mais semântica, dando maior importância ao conteúdo. Tag : dá uma representação diferenciada na página, mas sem acrescentar semântica. Tag : apenas visual, quando você quer um negrito sem necessariamente dar carga importante para aquele conteúdo.
Exemplos :
O segundo: destaca a palavra “O” do resto do parágrafo. Bem-vindo ao Daniel: dá importância visual para o nome “Daniel”. Eu amo lasanha: dá ênfase ao verbo “amo”. Tags semânticas: dá maior importância às palavras “tags semânticas”.
**Tag ** : usada para destacar um pequeno pedaço de texto sem dar uma carga de importância muito alta.
Exemplo : Texto destacado - destaca o texto “Texto destacado” com uma cor de fundo amarela.
Para criar um link, use a tag e inclua o atributo "href" com o endereço do link. Exemplo: Google
Lembre-se de usar um texto descritivo para o link, em vez de apenas "clique aqui". Isso ajuda os usuários a entender onde o link leva e melhora a acessibilidade da página.
**Tag ** : a tag mais importante, também conhecida como âncora ou link. Ela permite que um texto seja clicável e leve a outra página.
Exemplo :
Meu** Link
- cria um link clicável com o texto “Meu Link” que leva ao site “ https://www.example.com”.Conteúdo clicável : o conteúdo que está dentro da tag será o conteúdo clicável.
Link externo : começa com http:// ou https:// para indicar que é uma página externa. Link interno : use apenas o nome do arquivo se a página estiver no mesmo diretório. Se estiver em outro diretório, use o caminho completo. Navegação na mesma página : use # seguido do ID do elemento para navegar dentro da mesma página. Link para e-mail : use mailto: seguido do endereço de e-mail para abrir o programa de e-mail do usuário.
Quebras de linha : use a tag
para gerar uma quebra de linha sem nenhum elemento visual. Linha horizontal : use a tag para gerar uma quebra de linha e adicionar uma linha horizontal na página.
Use as tags HTML corretas para cada tipo de conteúdo (por exemplo, para o título da página).
Verifique se a página parece correta em diferentes navegadores, como Chrome, Firefox, Safari e Edge.
Comprima imagens para garantir que a página carregue rapidamente.
Use uma ferramenta de validação HTML para garantir que o código seja válido e livre de erros.
Seguir essas boas práticas ajuda a garantir que sua página seja funcional, acessível e fácil de manter.
