코밍이의 하루

[HTML5] 텍스트 인용하기 본문

웹언어 공부/HTML5

[HTML5] 텍스트 인용하기

코밍이 2021. 8. 4. 03:07

1. 개발 환경

구분 내용
사용 언어 HTML5
개발환경 Visual Studio Code
참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석
웹브라우저 Chrome

 

2. 주요 문법

태그 내용
<q> 인용 내용 표시하기, blockquote 태그와 달리 다른 내용과 함께 한 줄로 표시되고 해당 태그 양쪽 끝에 "가 붙음.

 

3. 소스 코드

- text-4.html

 
<!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>

 

4. 실행 화면

text-4.html

 

 

저작자표시 비영리 변경금지

'웹언어 공부 > HTML5' 카테고리의 다른 글

[HTML5] 동아시아 글자 표시하기  (0) 2021.08.04
[HTML5] 일부 텍스트에만 스타일 적용하기  (0) 2021.08.04
[HTML5] 텍스트 강조하기  (0) 2021.08.04
[HTML5] 소스 코드 표시하기  (0) 2021.08.04
[HTML5] 기본적인 텍스트 입력하기  (0) 2021.08.04
'웹언어 공부/HTML5' Related Articles more