Marca HTML <i>

Vamos falar sobre exemplos de HTML Tag I neste post. Deve ser uma experiência de aprendizado que vale a pena.

A tag HTML <i> é usada para indicar o texto que deve ser exibido em fonte itálica.

Separe o texto da prosa regular em um documento marcando-o da seguinte maneira:

Example: 

1
2
3
4
5
6
7
8
<!DOCTYPE html>
<html>
<body>
<p>The <i>Javascript </i>is a high-level programming language that is one of the core technologies of the World Wide Web.</p>
<p>The <i> Word War II </i>involved the vast majority of the world's countries, including all of the leading powers forming two opposing military alliances: the Allies and the Axis powers.</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Aqui está um exemplo da tag i com CSS aplicado a ela:

Example: 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<title>Mr Examples</title>
<style>
i{
color: blue;
font-size: 2em;
text-shadow: 2px 2px 5px blue;
}
</style>
</head>
<body>
<h2>Welcome to Mr Examples</h2>
<p>Here is an example of using <i>italic text</i> in a unique way, such as changing its <i>color</i> and <i>font-size</i> and adding <i>text-shadow</i> to it </p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX


Uso de tags

A tag <i> especifica uma voz ou humor alternativo para uma parte do texto.

O texto dentro da tag <i> geralmente é mostrado em itálico.

A tag <i> é comumente usada para denotar termos técnicos, frases de outros idiomas, pensamentos ou nomes de navios.

A tag <i> só deve ser implementada quando não houver outro elemento semântico a ser utilizado, por exemplo:

  • <em> (Texto enfatizado)
  • <strong> (Um texto que é importante)
  • <mark> (texto marcado/destacado)
  • <cite> (o título de um trabalho)
  • <dfn> (um termo de definição)

Além disso, a tag <i> pode ser usada em HTML para diversos propósitos. Aqui estão alguns casos de uso comuns:

  • A tag <i> é comumente usada para enfatizar uma palavra ou frase dentro de uma frase. Ao colocar o texto em tags <i> , ele é exibido em formato itálico, o que chama a atenção e enfatiza sua importância.
  • A tag <i> pode ser usada para indicar títulos e subtítulos em um documento. Ao incluir o título ou subtítulo em tags <i> , ele é exibido em formato itálico, o que ajuda a diferenciá-lo do restante do texto.
  • A tag <i> pode ser usada para indicar citações e aspas em um documento. Ao colocar a citação ou citação em tags <i> , ela é exibida em formato itálico, o que ajuda a diferenciá-la do restante do texto e indicar que é uma referência a outra fonte.
  • A tag <i> pode ser usada para indicar palavras e frases estrangeiras em um documento. Ao incluir a palavra ou frase estrangeira em tags <i>, ela é exibida em itálico, o que ajuda a distingui-la do restante do texto e indica que não está no idioma principal do documento.
  • A tag <i> pode ser usada para indicar termos técnicos em um documento. Ao incluir o termo técnico em tags <i> , ele é exibido em formato itálico, o que ajuda a diferenciá-lo do restante do texto e indica que é um termo especializado com um significado específico.

Compatibilidade do navegador

Elemento
<i> Sim Sim Sim Sim Sim

Atributos

Global

A tag I <i> é compatível com os atributos globais do HTML .


Evento

A tag I <i> é compatível com os atributos de evento do HTML .


CSS predefinido

Geralmente, muitos navegadores apresentam o elemento <i> com estes valores padrão:

i {
font-style: italic;
}

Vantagens da tag HTML <i>

Aqui estão algumas vantagens de usar a tag <i> :

  • A tag <i> é útil para indicar o texto que deve ser exibido em itálico, o que pode ser visualmente atraente e ajudar a diferenciar o texto do conteúdo ao redor.
  • A tag <i> faz parte do HTML desde os primórdios da web e, como tal, é suportada por todos os principais navegadores da web e é compatível com tecnologias da web mais antigas.
  • A tag <i> pode ser estilizada usando CSS para personalizar a família da fonte, tamanho, cor e outras propriedades do texto em itálico. Isso permite que os desenvolvedores da Web criem designs exclusivos e visualmente atraentes para suas páginas da Web.
  • A tag <i> é comumente usada para indicar abreviações, termos técnicos ou outra terminologia especializada que deve ser separada do texto ao redor. Isso pode ajudar a esclarecer o significado do texto e torná-lo mais fácil de entender para os leitores.
  • Embora a tag <i> não seja semanticamente significativa e não deva ser usada para indicar ênfase ou importância, ela pode ser útil para formatar texto em determinadas situações, como para poesia ou letras de músicas, em que a formatação do texto é importante para transmitir o significado.
Se você achar este artigo útil para aumentar suas habilidades educacionais, assine nosso boletim informativo abaixo para estar em contato com artigos semelhantes como este neste site.
Nós valorizamos o seu feedback.
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0

Assine a nossa newsletter
Digite seu e-mail para receber um resumo semanal de nossos melhores posts. Saber mais!
ícone