Ao ler qualquer documento, geralmente vemos uma lista de tópicos ou informações ao lado do artigo. Essas informações podem conter qualquer conteúdo importante relacionado ao documento. Fornece melhor acessibilidade aos usuários. Este conceito pode ser aplicado à página da web usando o HTML
Marcação. Este post fornecerá um guia sobre o “Html ”.
Como adicionar informações de lado em html?
O html “
Exemplo
Com o objetivo de usar a tag de lado no arquivo html, adicione um elemento div com o nome da classe “principal ”. Dentro desta div:
Abaixo está o código HTML para representar a descrição acima:
Conhecimento é poder
Conhecimento vs educação
Agora, passe para o CSS, onde várias propriedades são aplicadas a elementos HTML.
Estilo div
.principal As propriedades que são aplicadas à DIV principal no bloco de código acima são explicadas abaixo:
““largura ”Propriedade define a largura do DIV principal para 90%. ““preenchimento ”A propriedade é utilizada para adicionar espaço de 1px na parte superior e inferior e 30px à esquerda e à direita do conteúdo. ““família de fontes ”Especifica a fonte para a div. ““tamanho da fonte ”Define o tamanho da fonte para 15px. Estilo de lado
aparte Aqui:
““preenchimento-esquerda ”Propriedade com um valor de 15px adiciona um espaço de 15 px à esquerda do conteúdo. ““margem-esquerda ”Propriedade define o espaço de 15px para o lado esquerdo do elemento de lado. ““cor de fundo ”A propriedade aplica cores específicas ao fundo do elemento de lado. ““borda esquerda ”A propriedade ajusta a borda esquerda com largura de 5px, tipo de linha sólida e cor elemento. ““flutuador ”Propriedade define a posição do elemento à direita. ““estilo de fonte ”Propriedade com o valor em itálico define o estilo da fonte como itálico. Ao aplicar o código mencionado acima, as informações de lado serão exibidas assim:
Então, aprendemos com sucesso o html Marque com a ajuda de um exemplo.
Conclusão
Em HTML, o “ elemento com a ajuda de um exemplo.
