A linguagem de marcação de hipertexto (HTML) é uma linguagem de front-end usada para projetar e desenvolver um site. HTML é a linguagem básica de todas as linguagens usadas para projetar páginas da web estáticas ou dinâmicas. Html tem muitas funções que são necessárias para projetar. Com a ajuda de tags, comandos escritos em colchetes angulares, uma página da web é projetada. O HTML permite que o usuário crie ou edite texto, imagem ou qualquer outro elemento como qualquer editor de texto, ou seja, o Microsoft Word. O conteúdo do HTML é texto, imagem, cor, design, etc. o design é uma parte muito importante, pois é responsável por decorar o texto. Colocar o texto em itálico é um exemplo de desenho do texto. Este elemento é importante para enfatizar ou chamar a atenção do usuário. Alguns dos exemplos são destacados neste tutorial.
Fundamentos obrigatórios
HTML requer duas ferramentas para a concepção e desenvolvimento de um site. Um é um editor de texto necessário para escrever o código html nele. Pode ser qualquer editor de texto em seu acesso, ou seja, notepad, notepad ++, sublime, visual studio, etc. O segundo é um navegador em seu computador, Google Chrome, internet explorer, etc. Neste artigo, usamos notepad e Google Chrome. Para projetar a página estática, você precisa de HTML e para definir o estilo da folha de estilo CSS. Cada um deles é usado neste guia com exemplos.
Formato HTML
Para explicar o design do texto em itálico, primeiro entendemos o código do html. O código HTML tem duas partes. Um é a parte da cabeça e outro no corpo. Incluímos o título na parte principal; este nome de título é na verdade o título da página. A modelagem interna também é feita dentro do corpo da cabeça. Considerando que o corpo contém todas as outras tags relacionadas a texto, imagem e cor, etc., além disso, tudo o que você deseja adicionar à página html é escrito na parte do corpo do código html.
< html >
< cabeça >...</ cabeça >
< corpo >…</ corpo >
</ html >
A imagem abaixo é um exemplo de código HTML. Você pode ver que o nome do título está escrito dentro da parte principal. Ao mesmo tempo, adicionamos um parágrafo no corpo do html usando tag
. então a tag body e as tags html são fechadas.
A saída deste exemplo é vista no navegador. Você pode ver que o nome do título é mostrado no nome da guia, que declaramos no cabeçalho do código html.
O HTML possui tags de abertura e fechamento para todas as tags escritas dentro de seu corpo. Uma vez que o código é aberto deve ser fechado após escrever o texto entre ele. A tag é fechada com uma barra. O código é então salvo no arquivo do bloco de notas. Uma coisa que se deve ter em mente é que ao salvar o código, o arquivo do editor de texto deve ser salvo com a extensão html. Por exemplo, sample.html. então você verá que o arquivo é salvo com o ícone do navegador atual que você está usando para este propósito.
Este foi o pano de fundo do design em html. Agora usaremos um exemplo simples para deixar o texto em itálico.
Exemplo 1
Pegue um arquivo de bloco de notas e escreva o código html simples conforme descrito anteriormente neste guia. Adicione um parágrafo de duas linhas na parte do corpo. Para deixar o texto em itálico. Use a tag no início das palavras que deseja estar em itálico
< eu > ……</ eu >Esta é a tag para colocar o texto em itálico. Como você pode ver na imagem abaixo, o é a tag de abertura escrita no início e é a marca de fechamento. Feche o corpo e o html.
Agora salve o arquivo e execute-o no navegador para ver a saída do arquivo.
A partir da saída, você pode observar que a frase que colocamos em itálico no código está na forma itálica, enquanto a primeira frase apareceu em um formato normal.
Exemplo 2
Neste exemplo, faremos uma palavra específica em itálico em vez de toda a frase do texto. tags de abertura e fechamento são usadas em todo o parágrafo, sempre que quisermos colocar o texto em itálico na frase.
Agora, mais uma vez, salve o arquivo e execute-o no navegador. Você pode ver que alguma parte específica do texto está em itálico que queremos transformar em itálico no código.
Exemplo 3
Além de usar o tag no texto, existe outro método para tornar o texto em itálico. Esta é a abordagem para enfatizar alguma parte do texto. Esta tag também possui tags de abertura e fechamento. A sintaxe usada para isso é;
< em >….</ em >O texto é escrito entre as duas tags; neste exemplo, usamos essa tag duas vezes no parágrafo. Vamos ver a imagem do código colocado abaixo.
Em ambas as frases, usamos uma vez no parágrafo. A saída é obtida executando o arquivo html no formato do navegador.
Exemplo 4
Este é o exemplo em que usamos outra abordagem para mostrar as palavras em itálico. Implica o uso de no texto. Neste exemplo, aplicamos essa tag a todo o texto escrito no corpo do html.
< Citar > ……</ citar > 
Após fechar todas as tags, execute o arquivo no navegador.
Exemplo 5
Até agora, discutimos o estilo embutido do texto. Fazer um texto em itálico também se refere ao estilo e ao design do texto. O estilo é de três tipos. Um é embutido, o segundo é interno e o terceiro é externo. O estilo embutido é feito dentro da tag. Interno é escrito dentro do corpo da cabeça. E o estilo externo é feito em outro arquivo com a extensão .css.
Este é um exemplo de css embutido; aqui, escrevemos o código dentro das tags do parágrafo. Declaramos a declaração de estilo como estilo de fonte em itálico. Esta declaração é escrita dentro da tag, portanto não terá nenhuma tag de fechamento, como você pode ver na imagem acima. Agora feche todas as tags e execute-as no navegador. Mostra os mesmos resultados que desejamos.
< p estilo=faço-estilo: itálico;> 
Exemplo 6
Após inline, iremos adicionar o exemplo de estilo interno. Aqui, uma classe é adicionada dentro da parte da cabeça. Em seguida, o nome da classe é declarado dentro da tag de parágrafo no corpo do html. Para que seja facilmente acessível.
< cabeça >< estilo >
.para{
Faço-estilo: itálico;
}
</ estilo ></ cabeça >
Você pode ver que a classe é inicializada com o método de ponto. Existem dois parágrafos no código; aplicamos esse estilo em um deles. Portanto, é útil quando queremos formatar um parágrafo.
A declaração da classe dentro do parágrafo é;
< p classe=a>< p classe='para'>
Isso acessará a classe na cabeça. Agora veja a saída. Você observará que um dos parágrafos está em itálico.
Conclusão
Este artigo representa a formatação do texto em itálico. O design de texto é uma parte essencial do design de uma página da web.