Introdução
A tag HTML <bdo> é usada para alterar a direção do texto, especialmente em situações onde você tem diferentes idiomas misturados. A tag é útil em casos onde você precisa exibir idiomas que são lidos da direita para a esquerda, como árabe ou hebraico, juntamente com idiomas que são lidos da esquerda para a direita, como o inglês. Neste laboratório, você aprenderá como criar texto bidirecional usando a tag HTML <bdo>.
Nota: Você pode praticar a codificação em
index.htmle aprender Como Escrever HTML no Visual Studio Code. Por favor, clique em 'Go Live' no canto inferior direito para executar o serviço web na porta 8080. Em seguida, você pode atualizar a aba Web 8080 para visualizar a página web.
Tag HTML
Crie um novo arquivo e nomeie-o "index.html".
Adicione o seguinte código ao seu arquivo index.html para abrir a tag HTML:
<!doctype html>
<html>
<head>
<title>Texto Bidirecional usando a tag bdo</title>
</head>
<body></body>
</html>
Adicionando a Tag bdo
Entre as tags body, adicione o seguinte código para criar um texto bidirecional usando a tag <bdo>:
<h3>Texto Bidirecional usando a tag bdo:</h3>
<bdo dir="rtl">مرحبا بالعالم</bdo><br />
<bdo dir="ltr">Hello world</bdo>
Aqui, criamos um exemplo simples de um texto bidirecional. O atributo dir é adicionado para especificar a direção do texto na tag bdo. O valor rtl informa ao navegador para ler o texto da direita para a esquerda, enquanto o valor ltr informa ao navegador para ler o texto da esquerda para a direita.
Salve seu arquivo index.html e abra-o em um navegador web. Você agora deve ver o texto bidirecional exibido na página.
Resumo
A tag <bdo> é usada para criar texto bidirecional em uma página web. Ela ajuda a exibir idiomas que são lidos da direita para a esquerda, juntamente com idiomas que são lidos da esquerda para a direita. O atributo dir é usado para especificar a direção do texto na tag bdo e pode ter dois valores: ltr ou rtl. Use a tag com cuidado, pois ela pode alterar o significado do texto.
