html cheat sheet quick guide html tags
Consulte esta folha de referências HTML abrangente para aprender sobre várias tags de codificação HTML comumente usadas com exemplos de código:
Ao iniciarmos o tutorial, primeiro entenderemos o que é a linguagem HTML e, posteriormente, no tutorial, daremos uma olhada nas várias tags HTML. Aqui, também devemos entender algumas das tags usadas no HTML5.
Então, vamos começar e primeiro entender o que é HTML.
O que você aprenderá:
O que é HTML
HTML significa linguagem de marcação de hipertexto. É uma linguagem de marcação que foi inventada por Tim Berners-Lee no ano de 1991. Em palavras simples, podemos dizer que é uma linguagem que descreve como o conteúdo de uma página da web seria exibido. Para isso, utiliza tags nas quais está embutido o texto a ser exibido. O navegador interpreta essas tags para exibir o texto na tela.
Houve muitas revisões no HTML, e a mais recente disponível é o HTML5, lançado no ano de 2014.
O que é uma folha de referências em HTML
HTML Cheat Sheet é um guia de referência rápida que lista as tags HTML comumente usadas e seus atributos. As tags são geralmente agrupadas em categorias para facilitar a leitura.
Tags HTML
Abaixo, agrupamos as tags em várias categorias e aprenderemos sobre as tags em cada categoria, juntamente com exemplos.
Tags básicas
| Tag | Propósito | ||
|---|---|---|---|
.... | Texto pré-formatado (espaçamento, quebra de linha e fonte são preservados) | HELLO Sam | HELLO Sam |
| ... | Esta é a tag pai (elemento raiz) para qualquer documento HTML. Todo o bloco de código HTML está embutido nesta tag | ||
| ... | Esta tag fornece informações gerais sobre o documento, como seu título e links para folhas de estilo (se houver). Essas informações não são exibidas na página da web. | ||
| ... | Minha página da web | ||
| ... | Minha primeira página da web |
Fragmento de código:
My Web Page My First Web Page Resultado:
Minha página da web
(Exibido na barra de título do navegador)
Minha primeira página da web
(Exibido como conteúdo de página da web)
Meta Tags de informação
| Tag | Propósito |
|---|---|
| | Isso é usado para especificar o URL base do site. |
| | Ele contém informações como data de publicação, nome do autor, etc. |
| | Ele contém as informações relacionadas à aparência da página da web. |
| É usado para indicar links externos, principalmente folhas de estilo. É uma tag vazia e contém apenas atributos. | |
| … | Usado para adicionar trechos de código para tornar uma página da web dinâmica. |
Fragmento de código:
Rashmi’s Web Page Var a=10; This is Rashmi’s Web Page Content Area Resultado:
Página da Web de Rashmi
(Exibido na barra de título do navegador)
em função de referência indefinida principal para
Esta é a área de conteúdo da página da Web de Rashmi
(Exibido como conteúdo de página da web)
Tags de formatação de texto
| Marcação | Propósito | Fragmento de código | Resultado |
|---|---|---|---|
| .... | Deixa o texto em negrito | Olá | Olá |
| .... | Torna o texto itálico | Olá | Olá |
| .... | Sublinha o texto | Olá | Olá |
| .... | Riscar o texto | Olá | Olá |
| .... | Deixa o texto em negrito (Igual a .. marcação) | Olá | Olá |
| .... | Torna o texto itálico (Igual a .. Tag) | Olá | Olá |
| .... | Tag de cabeçalho - # pode variar de 1 a 6 | Por outro lado, a tag inicial ou final é o que chamamos de tag HTML. Exemplo: ou P # 7) Quais são os 2 tipos de tags em HTML? Responda: Existem dois tipos de tags em tags HTML Paired e Un Paired ou Singular. Tags emparelhadas - Como o nome sugere, são tags que incluem 2 tags. Uma é chamada de tag de abertura e a outra é chamada de tag de fechamento. Por exemplo: , etc. Tags não pareadas - Essas tags são tags únicas e possuem apenas a tag de abertura e nenhuma tag de fechamento. Por exemplo: P # 8) Qual é a diferença entre uma tag de recipiente e uma tag vazia? Responda: 5 exemplos de linguagens de programação de alto nível Tags de contêiner são aquelas tags que possuem uma tag de abertura seguida por conteúdo e uma tag de fechamento. Por exemplo: , Tags vazias são as tags que não possuem nenhum conteúdo e / ou tag de fechamento. Por exemplo: Q # 9) Qual é a maior tag de título? Responda: é a maior tag de título na tag HTML.P # 10) Qual é a tag de seleção em HTML? Responda: Atag é usado para criar uma lista suspensa. É mais comumente usado em formulários em que a entrada do usuário deve ser coletada. Abaixo está um snippet de código junto com a saída da tag. Ele também mostra os atributos comuns desta tag. Fragmento de código: Resultado: ConclusãoEspero que este artigo tenha fornecido a você uma compreensão do que é exatamente uma folha de dicas HTML. O objetivo era compartilhar com nossos leitores um guia de referência rápida de várias tags HTML usadas com frequência. Também vimos tags básicas, tags de meta informação, tags de formatação de texto, formulários, frames, listas, imagens, links, tabelas e tags de entrada. Algumas tags, geralmente usadas junto com a tag FORM, como Selecionar e Botão, também são abordadas neste artigo. Também aprendemos sobre as tags introduzidas com HTML5. Para cada uma das tags, aprendemos sobre os atributos mais comuns usados junto com as tags e também vimos seu código e saída relacionados. Leitura recomendada
^
|
