Quais são os códigos HTML básicos?
Várias páginas da web estão incluídas em um site, como a página inicial, a página de contato e sobre a página. A linguagem HTML é usada para criar essas páginas. Os sites são estruturados e seu conteúdo é especificado com a ajuda do HTML. No conteúdo do site, existem vários elementos, incluindo títulos, parágrafos, botões e links.
Neste manual, aprenderemos os códigos HTML básicos. Então vamos começar!
Quais são os códigos HTML básicos?
HTML é baseado em diferentes tags, como , ,
e muitos mais. Essas tags geralmente são fechadas em suportes de ângulo, indicando o início de um elemento HTML.
As seguintes tags serão discutidas agora em mais detalhes:
Vamos começar com o primeiro.
Em html5, o “”A tag aparece no início do documento. O navegador utiliza -o para descobrir a versão HTML. Mais especificamente, diz ao navegador qual versão do html o documento está escrito em:
marcação
Os tipos de documentos são definidos pela tag de partida. Para criar um documento HTML, o “”Tag é usado. Todos os outros elementos do HTML, como “cabeça" e "corpo”, Estão escritos entre o“" e "" Tag:
marcação
A tag de cabeça do HTML define as informações relacionadas ao documento na cabeça do documento. Ele contém outros elementos da cabeça, como ,, e:
marcação
Em um documento HTML, para utilizar o estilo embutido, “”Tag é usado. As propriedades de estilo definidas dentro da tag determinar como o documento ficará. Por exemplo, o estilo definido na seção destacada se aplica apenas no documento:
marcação
O "”Tag especifica que tipo de conteúdo é adicionado em uma página, incluindo títulos, parágrafos, links, botões, imagens e outros. Cada documento HTML precisa desta tag e deve usá -lo apenas uma vez:
Tag de título
Um título é a primeira parte de qualquer documento. Existem diferentes tamanho de fonte que você pode usar para títulos, incluindo
,
,
,
, , e . Quando um título é exibido, o navegador adiciona uma linha antes e uma depois.
. Quando um título é exibido, o navegador adiciona uma linha antes e uma depois.
Exemplo 1: marcação
Aqui, adicionaremos o cabeçalho de nível mais alto usando o “" marcação:
Este é um título 1
Você pode ver que o cabeçalho é adicionado à página da web:
Exemplo 2: marcação
Agora, adicionaremos dois títulos usando o
e
Tags para ver a diferença entre os dois:
Este é um título 1
Este é um título 2
Pode-se observar que ambos os títulos se diferenciam em termo de tamanho de fonte:
marcação
Os parágrafos podem ser definidos em uma página da web usando o HTML “" marcação. O
Tags indicam o início de um novo parágrafo em HTML. Uma linha vazia é adicionada a todos os parágrafos em seu início ou fim pelo navegador.
Exemplo
Aqui, vamos usar “ Este é um parágrafo Na saída abaixo, o parágrafo é adicionado à mesma página da web: marcação Uma tag HTML DIV é usada para adicionar os elementos HTML juntos. Tags têm papéis específicos. Por exemplo, o A tag indica parágrafos, H1 a H6 representa títulos, mas a tag div especifica seções dentro dos documentos html. Os elementos HTML geralmente são agrupados usando a tag div para que os estilos CSS possam ser aplicados a muitos deles simultaneamente. Exemplo Aqui, adicionaremos um div usando o “" marcação. Depois disso, adicionaremos um título usando marcação: Div parágrafo Saída marcação O "”A tag é usada para quebras de linha; qualquer coisa a seguir começa a partir da próxima linha. No local onde você adicionará o tag, os próximos elementos da web serão movidos para a nova linha da página da web. Exemplo Aqui, vamos adicionar “”Tag em uma declaração div, após a palavra“a”: Na imagem abaixo fornecida, você pode ver que há uma quebra de linha após a palavra “a”: marcação O "”A tag é usada para obter informações do usuário. HTML permite que um usuário especifique um campo de entrada onde os dados podem ser inseridos. Pode ter uma variedade de tipos, dependendo de seus atributos, como caixas de texto, caixas de seleção, botões de rádio e muito mais. Exemplo Agora, criaremos uma caixa de seleção, usando o ””Tag e defina o tipo de entrada como“Caixa de seleção”: Usando o código acima, você pode ver que a caixa de seleção é adicionada com sucesso: marcação O "”A tag é usada para definir a legenda de um elemento. É adicionado com os elementos do formulário, como campo de texto, caixa de email, campo de senha ou caixa de seleção para fornecer informações relacionadas. Exemplo Defina o rótulo após a caixa de seleção usando o “”Tag e especifique o texto do rótulo: Aqui está o resultado que demonstra que o rótulo representa a caixa de seleção: É isso! Nós explicamos a tag Basic html em detalhes. Conclusão Para criar um documento HTML e adicionar elementos a ele, existem diferentes tags usadas, como , , , , e muitos mais. Neste artigo, explicamos todas essas tags e fornecemos exemplos de cada tag para o seu melhor entendimento.
..
e parágrafo usando
..Este é um div
..
Isto é um div
..
..
,