[HTML] 시맨틱 태그로 구조화 연습

정은아·2022년 9월 19일
0
<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">

  <title>시맨틱 태그로 구조화 연습</title>
 </head>
 <body>
	<header>
		<h1>볼프강 아마데우스 모차르트</h1>
		<p>1756년 1월 27일 잘츠부르크에서 태어난 천재적인 오스트리아의 작곡가 모차르트(1756년 1월 27일~1791년 12월 5일)를 소개한다.</p>
		<figure>
			<img width="140" height="200"
			src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/le/Wolfgang-amadeus-mozart_1.jpg/
			500px-Wolfgang-amadeus-mozart_1.jpg">
			<figcaption>1770년대 초상화</figcaption>
		</figure>
		</header>
		<nav>
			<h2>목차</h2>
			<ul>
				<li><a href="#life">생애</a></li>
				<li><a href="#death">죽음</a></li>
				<li><a href="#music">음악</a></li>
			</ul>
		</nav>
		<section>
			<article id="life">
				<h2>생애</h2>
				<p> 모차르트는 1756년 1월 27일 잘츠부르크에서 태어나서, 궁정 음악가였던 아버지에게 
                피아노와 바이올린을 배웠고, 다섯살 때 이미 작곡을 하기 시작하였으며, 1764년에서 1765년 사이에 바흐로부터 처음으로 교향곡을 작곡하는 법을 배웠는데 
이것이 모차르트가 수많은 교향곡을남기는 계기가 되었다. 
모차르트는 빈에서 1784년에 14세인 베토벤을 만나 베토벤을 교육시키는데 전념하기도 했다.
				</p>
			</article>
			<article id="death">
				<h2>죽음</h2>
				<p>모차르트는 1791년 12월 5일 오전 0시 55분경에 갑자기 
                병으로 죽었으며 모차르트가 완성하지 못한 
                작품 레퀴엠은 프란츠 크사버 즤스마이어가 완성시켰다.
				</p>
			</article>
			<article id="music">
				<h2>음악</h2>
				<p>오페라,교향곡,행진곡,관현악용 무곡,피아노 협주곡,
                바이올린 협주곡, 교회용 성악용, 칸타타,
				미사곡 등 다양한 장르를 아우르며 600여곡을 작곡하여 후대에 남겼다.</p>
			</article>

			</section>
			<aside id="legend">
				<h3>모차르트 죽음에 얽힌 전설</h3>
				<p>모차르트의 장례식 날 비가 오고 천둥이 쳤다고 하나 New Groove애 따르면
			</section>
	<aside id="legend">
	  <h3>모차르트의 죽음에 얽힌 전설</h3>
	  <p>모차르트의 장례식 날 비가 오고 천둥이 쳤다고 하나  
      New Groove에 따르면 사실은 구름 한 점 없는 쾌창한 날이었다고 한다.</p>
	</aside>
	<footer>
	    <p>2022년 1월 7일 작성,위키미디어 참고</p>
	</footer>
 </body>
</html>
<article> 요소는 페이지, 애플리케이션,또는 사이트에서 독립적으로 구분해 배포하거나 
재사용 할 수 있는 구획을 나타냅니다. 사용 예제로 게시판과 글, 
블로그글, 매거진이나 뉴시 기사 등이 있습니다. 

<figure>요소는 독립적인 콘텐츠를 표현합니다.
<figure> 태그는 삽하나 다이어그램, 사진 등과 같이 문서의 주요 흐름과는 
독립적인 콘텐츠를 정의할 때 사용합니다.
<figcaption>요소를 사용해 설명을 붙일 수 있습니다.
profile
꾸준함의 가치를 믿는 개발자

0개의 댓글