HTML <bdo> 태그는 텍스트의 방향을 변경하는 데 사용되며, 특히 서로 다른 언어가 혼합된 상황에서 유용합니다. 이 태그는 아랍어 또는 히브리어와 같이 오른쪽에서 왼쪽으로 읽는 언어를 영어와 같이 왼쪽에서 오른쪽으로 읽는 언어와 함께 표시해야 할 때 유용합니다. 이 랩에서는 HTML <bdo> 태그를 사용하여 양방향 텍스트를 만드는 방법을 배웁니다.
참고:
index.html에서 코딩을 연습할 수 있으며, Visual Studio Code 에서 HTML 작성 방법을 배울 수 있습니다. 웹 서비스를 포트 8080 에서 실행하려면 오른쪽 하단 모서리에 있는 'Go Live'를 클릭하십시오. 그런 다음 Web 8080 탭을 새로 고쳐 웹 페이지를 미리 볼 수 있습니다.
새 파일을 생성하고 "index.html"로 이름을 지정합니다.
HTML 태그를 열기 위해 다음 코드를 index.html 파일에 추가합니다.
<!doctype html>
<html>
<head>
<title>bdo 태그를 사용한 양방향 텍스트</title>
</head>
<body></body>
</html>body 태그 사이에 다음 코드를 추가하여 <bdo> 태그를 사용하여 양방향 텍스트를 생성합니다.
<h3>bdo 태그를 사용한 양방향 텍스트:</h3>
<bdo dir="rtl">مرحبا بالعالم</bdo><br />
<bdo dir="ltr">Hello world</bdo>여기서는 양방향 텍스트의 간단한 예시를 만들었습니다. dir 속성은 bdo 태그 내에서 텍스트의 방향을 지정하기 위해 추가됩니다. rtl 값은 브라우저에게 텍스트를 오른쪽에서 왼쪽으로 읽도록 지시하고, ltr 값은 브라우저에게 텍스트를 왼쪽에서 오른쪽으로 읽도록 지시합니다.
index.html 파일을 저장하고 웹 브라우저에서 엽니다. 이제 페이지에 양방향 텍스트가 표시되어야 합니다.
<bdo> 태그는 웹 페이지에서 양방향 텍스트를 생성하는 데 사용됩니다. 오른쪽에서 왼쪽으로 읽는 언어와 왼쪽에서 오른쪽으로 읽는 언어를 함께 표시하는 데 도움이 됩니다. dir 속성은 bdo 태그 내에서 텍스트의 방향을 지정하는 데 사용되며, ltr 또는 rtl의 두 가지 값을 가질 수 있습니다. 텍스트의 의미를 변경할 수 있으므로 태그를 신중하게 사용하십시오.
