-
굵게 표시하는 <strong>과 <b> 태그, 기울임체 <em>, <i>태그
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>제주 이색 여행지</title>
<style>
p {
font-size:16px; /* 글자 크기 */
line-height:25px; /* 줄 간격 */
}
</style>
</head>
<body>
<h2>제주 이색 여행지 - 이중섭 거리</h2>
<p>
<strong>주말</strong>마다
<b>서귀포문화예술디자인 시장</b>이 열린다.
</p>
<p>
<em>'아트마켓'</em>이라고도 부른다.
<i>문화예술체험 </i>문화예술체험을 할 수 있다.<br>
작가들이 만든 예술품을 판매하기도 한다.</p>
</body>
</html>
-
인용문 <q>, <q cite>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>웹 접근성(Web Accessibility)</title>
</head>
<body>
<h1>웹 접근성</h1>
<p>웹의 창시자인 팀 버너스 리 (Tim Berners-Lee)의 <q cite="http://www.w3.org/standards/webdesign/accessibility">웹의 힘은 보편성에 있다. 장애에 구애없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다.</q>라는 말로 웹 접근성을 설명한다. </p>
</body>
</html>
-
<mark>: 형광펜 효과, <span>, <div>: 영역 묶기
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>제주 이색 여행지</title>
</head>
<body>
<h2>야외 텐트를 닮은 =<mark>"테쉬폰"</mark></h2>
<p>
아일랜드 출신...
<span style="color: blue">국내 근현대 건축사의 한 페이지</span>라고 평가한다.
</p>
</body>
</html>
-
<ruby>, <rt>: 동아시아 글자에 주석 표시
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>Ruby</title>
</head>
<body>
<p>루비(Ruby)는 1995년, 일본의 프로그래머인 마츠모토 유키히로 (<ruby>松本行弘<rt>まつもとゆきひろ</rt></ruby>)가 만든 프로그래밍 언어입니다.</p>
</body>
</html>
'Learning > HTML&JavaScript' 카테고리의 다른 글
| 폼 관련 태그들 (0) | 2020.07.14 |
|---|---|
| 이미지와 하이퍼링크 (0) | 2020.07.14 |
| 표 제목(<caption>, <figure>, <figcaption>), 표 구조 정의(<thead>, <tbody>, <tfoot>), 열 스타일(<col>, <colgroup>) (0) | 2020.07.07 |
| 목록태그(<ul>,<li>,<ol>), 설명목록(<dl>,<dt>,<dd>), 표를 만드는 태그(<table>,<tr>,<td>,<colspan>) (0) | 2020.07.07 |
| HTML 편집기 다운로드, 기본 문법, 이미지 및 특수기호 삽입, <hr>, <blockquote>, <pre>태그 (0) | 2020.07.07 |
