Como fazer texto em itálico em html

Como fazer texto em itálico em html

Hypertext Markup Language (HTML) é uma linguagem front-end usada para projetar e desenvolver um site. HTML é a linguagem básica de todos os idiomas usados ​​para projetar páginas da web estática ou dinâmica. HTML tem muitas funções necessárias para projetar. Com a ajuda de tags, comandos escritos entre colchetes, uma página da web foi projetada. HTML permite ao usuário criar ou editar texto, imagem ou qualquer outro elemento como qualquer editor de texto, i i.e., Microsoft Word. O conteúdo de HTML são texto, imagem, cor, design, etc. O design é uma parte muito importante, pois é responsável por decorar o texto. Fazer o texto em itálico é um exemplo de projetar o texto. Este elemento é importante para enfatizar ou levar a atenção do usuário. Alguns dos exemplos são destacados neste tutorial.

Itens essenciais necessários

HTML requer duas ferramentas para o design 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, eu.e., Bloco de notas, bloco de notas ++, sublime, Visual Studio, etc. O segundo é um navegador no seu computador, Google Chrome, Internet Explorer, etc. Neste artigo, usamos o Notepad e o Google Chrome. Para projetar a página estática, você precisa de HTML e para modelar a 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 de 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 da cabeça; Este nome de título é realmente o título da página. O estilo interno também é feito dentro do corpo da cabeça. Enquanto o corpo contém todas as outras tags relacionadas ao texto, imagem e cor, etc. Além disso, o que você quiser adicionar à página HTML está escrito na parte do corpo do código HTML.


..
.. .

A imagem abaixo é um código de amostra de html. Você pode ver que o nome do título está escrito dentro da parte da cabeça. Ao mesmo tempo, adicionamos um parágrafo no corpo de HTML usando a tag

. então a etiqueta corporal e as tags html estão fechadas.

A saída desta amostra é vista no navegador. Você pode ver que o nome do título é mostrado no nome da guia, que declaramos na cabeça do código HTML.

HTML tem uma tags de abertura e fechamento para todas as tags escritas dentro de seu corpo. Depois que o código é aberto deve ser fechado após escrever o texto entre ele. A tag está fechada com a barra. O código é então salvo no arquivo no bloco de notas. Uma coisa que deve ser lembrada é que, ao salvar o código, o arquivo do editor de texto deve ser salvo com a extensão HTML. Por exemplo, amostra.html. Então você verá que o arquivo é salvo com o ícone do navegador atual que você está usando para esse fim.

Este era o fundo do design em html. Agora vamos usar um exemplo simples para tornar o texto em itálico.

Exemplo 1

Pegue um arquivo no 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 tornar o texto itálico. Use a tag No início das palavras que você deseja estar em itálico

..

Esta é a tag para itálico o texto. Como você pode ver na imagem abaixo, o é a tag de abertura escrita no início e é a etiqueta de fechamento. Fechar o corpo e 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 fizemos 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 na forma itálica, em vez de toda a frase do texto. As tags de abertura e fechamento são usadas em todo o parágrafo, onde quer que queira tornar o texto em itálico na frase.

Agora, mais uma vez, salve o arquivo e depois execute -o no navegador. Você pode ver que uma parte específica do texto está na forma itálica que queremos fazer de itálico no código.

Exemplo 3

Além de usar o tag no texto, outro método existe para fazer o texto em uma forma itálica. Esta é a abordagem para enfatizar alguma parte do texto. Esta tag também tem uma tags de abertura e fechamento. A sintaxe usada para ela é;

.. .

O texto é escrito entre as duas tags; Neste exemplo, usamos esta tag duas vezes no parágrafo. Vamos ver a imagem do código colocado abaixo.

Nas duas 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 uma forma itálica. Isso implica o uso do texto. Neste exemplo, aplicamos esta tag em todo o texto escrito no corpo de html.

..

Depois de fechar todas as tags, execute o arquivo no navegador.

Exemplo 5

Até agora, discutimos o estilo em linha do texto. Fazer uma forma itálica de texto também se refere ao estilo e design do texto. O estilo é de três tipos. Um está embutido, o segundo é interno e o terceiro é externo. O estilo embutido é feito dentro da tag. Interno está escrito dentro do corpo da cabeça. E o estilo externo é feito em outro arquivo com a extensão de .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 para ser itálico. Esta declaração foi escrita dentro da tag, para que não tenha nenhuma tag de fechamento, como você pode ver na imagem acima. Agora feche todas as tags e as execute no navegador. Mostra os mesmos resultados que desejamos.

Exemplo 6

Após a inline, agora adicionaremos o exemplo de estilo interno. Aqui uma aula é adicionada dentro da parte da cabeça. Então o nome da classe é declarado dentro da tag de parágrafo no corpo do HTML. Para que seja facilmente acessível.


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 de classe dentro do parágrafo é;


Isso vai acessar a classe na cabeça. Agora veja a saída. Você observará que um dos parágrafos está na forma de itálico.

Conclusão

Este artigo representa a formatação do texto em formato itálico. O design de texto é uma parte essencial do design de uma página da web.