HTML 튜토리얼

HTML 홈 HTML 소개 HTML 편집기 HTML 기본 HTML 요소 HTML 속성 HTML 제목 HTML 단락 HTML 스타일 HTML 서식 HTML 인용문 HTML 주석 HTML 색상 HTML CSS HTML 링크 HTML 이미지 HTML 파비콘 HTML 테이블 HTML 목록 HTML 블록 및 인라인 HTML 클래스 HTML ID HTML 아이프레임 HTML 자바스크립트 HTML 파일 경로 HTML 헤드 HTML 레이아웃 반응형 HTML HTML 컴퓨터 코드 HTML 의미론 HTML 스타일 가이드 HTML 엔티티 HTML 기호 HTML 이모티콘 HTML 문자 집합 HTML URL 인코딩 HTML 대 XHTML

HTML 양식

HTML 양식 HTML 양식 속성 HTML 양식 요소 HTML 입력 유형 HTML 입력 속성 HTML 입력 양식 속성

HTML 그래픽

HTML 캔버스 HTML SVG

HTML 미디어

HTML 미디어 HTML 비디오 HTML 오디오 HTML 플러그인 HTML 유튜브

HTML API

HTML 지리적 위치 HTML 드래그/드롭 HTML 웹 스토리지 HTML 웹 작업자 HTML SSE

HTML 예제

HTML 예제 HTML 퀴즈 HTML 연습 HTML 인증서 HTML 요약 HTML 접근성

HTML 참조

HTML 태그 목록 HTML 속성 HTML 전역 속성 HTML 브라우저 지원 HTML 이벤트 HTML 색상 HTML 캔버스 HTML 오디오/비디오 HTML 문서 유형 HTML 문자 집합 HTML URL 인코딩 HTML 언어 코드 HTTP 메시지 HTTP 메소드 PX에서 EM으로 변환기 키보드 단축키

HTML 인용 및 인용 요소


<blockquote>이 장에서는 , <q>, <abbr>, <address>, <cite><bdo>HTML 요소 를 살펴보겠습니다 .


예시

Here is a quote from WWF's website:

For nearly 60 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by more than one million members in the United States and close to five million globally.

인용을 위한 HTML <blockquote>

HTML <blockquote>요소는 다른 소스에서 인용된 섹션을 정의합니다.

브라우저는 일반적으로 요소를 들여씁니다 <blockquote>.

예시

<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.
</blockquote>

짧은 인용을 위한 HTML <q>

HTML <q>태그는 짧은 인용문을 정의합니다.

브라우저는 일반적으로 따옴표 주위에 따옴표를 삽입합니다.

예시

<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>


약어용 HTML <abbr>

HTML <abbr>태그는 "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM"과 같은 약어 또는 두문자어를 정의합니다.

약어를 표시하면 브라우저, 번역 시스템 및 검색 엔진에 유용한 정보를 제공할 수 있습니다.

팁: 전역 제목 속성을 사용하여 요소 위에 마우스를 놓을 때 약어/두문자어에 대한 설명을 표시하십시오. 

예시

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>

연락처 정보용 HTML <주소>

HTML <address>태그는 문서 또는 기사의 작성자/소유자에 대한 연락처 정보를 정의합니다.

연락처 정보는 이메일 주소, URL, 실제 주소, 전화번호, 소셜 미디어 핸들 등이 될 수 있습니다.

요소 의 텍스트는 일반적으로 기울임꼴<address> 로 렌더링되며 브라우저는 항상 요소 앞뒤에 줄 바꿈을 추가합니다 .<address>

예시

<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

작품 제목에 대한 HTML <cite>

HTML <cite>태그는 창작물(예: 책, 시, 노래, 영화, 그림, 조각 등)의 제목을 정의합니다.

참고: 사람의 이름은 작품의 제목이 아닙니다.

요소 의 텍스트는 일반적으로 기울임꼴<cite> 로 렌더링됩니다 .

예시

<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>

양방향 재정의를 위한 HTML <bdo>

BDO는 양방향 재정의를 의미합니다.

HTML <bdo>태그는 현재 텍스트 방향을 재정의하는 데 사용됩니다.

예시

<bdo dir="rtl">This text will be written from right to left</bdo>

HTML 연습

연습으로 자신을 테스트하십시오

연습:

HTML 요소를 사용하여 "cool" 문자 주위에 따옴표를 추가하십시오.

<p>
나는 그렇다시원한.
</p>


HTML 인용 및 인용 요소

Tag Description
<abbr> Defines an abbreviation or acronym
<address> Defines contact information for the author/owner of a document
<bdo> Defines the text direction
<blockquote> Defines a section that is quoted from another source
<cite> Defines the title of a work
<q> Defines a short inline quotation

사용 가능한 모든 HTML 태그의 전체 목록을 보려면 HTML 태그 참조 를 방문하십시오 .