코밍이의 하루
[HTML5] 동아시아 글자 표시하기 본문
1. 개발 환경
| 구분 | 내용 |
| 사용 언어 | HTML5 |
| 개발환경 | Visual Studio Code |
| 참고 도서 | [Do it] HTML5 + CSS3 웹 표준의 정석 |
| 웹브라우저 | Chrome |
2. 주요 문법
| 태그 | 내용 |
| <ruby> | 동아시아 국가들의 글자에 주석을 함께 표기하기 위한 용도로 사용 |
| <rt> | 주석으로 표시할 내용을 <ruby> 태그 안에 <rt> 태그로 표시 |
| <abbr> | 약자 표시, title 속성 함께 사용 |
3. 소스 코드
- text-6.html
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>Ruby</title>
</head>
<body>
<p>루비(Ruby)는 1995년, 일본의 프로그래머인 마츠모토 유키히로
(<ruby>松本行弘<rt>まつもとゆきひろ</rt></ruby>)가 만든 프로그래밍 언어입니다.</p>
<p><b><abbr title="Internet of Things">IoT</abbr></b>란 각종 사물에
센서와 통신 기능을 내장해 인터넷에 연결하는 기술을 의미한다.</p>
<p>최근엔 <b>디지털 세상</b>을 살아가기 위한 기본 상식으로
<mark>코딩 교육</mark>이 시행되고 있다.</p>
</body>
</html>
4. 실행 화면
'웹언어 공부 > HTML5' 카테고리의 다른 글
| [HTML5] 순서 있는 목록 (0) | 2021.08.11 |
|---|---|
| [HTML5] 순서 없는 목록 (0) | 2021.08.11 |
| [HTML5] 일부 텍스트에만 스타일 적용하기 (0) | 2021.08.04 |
| [HTML5] 텍스트 인용하기 (0) | 2021.08.04 |
| [HTML5] 텍스트 강조하기 (0) | 2021.08.04 |
'웹언어 공부/HTML5' Related Articles
more
