![[2021/12/14]국비지원 HTML5 코딩툴 기본학습 6-(3) 수업 중 과제 : N사 오늘의 키친 페이지 마크업](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbm39B1%2Fbtrr2Annp9L%2FFkDmVzHjiS6oWAcYkXAkS0%2Fimg.jpg)
앞서 올린 베이킹 파트를 html5 마크업 한 후에는 동일한
언제 적 키친의 파스타 파트를 마크업 해서 수업 중 제출한 과제이다.
본래의 구도는 이러하다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title><title>
</head>
<body>
<!-- 본문 바로가기 -->
<div id="skipNavi"><a href="#containor">본문 바로가기</a></div>
<!-- //본문 바로가기 -->
<hr>
<div id="wrap">
<!-- header -->
<div id="header">
<h1>
<a href="#"><img src="파스타/images/logo.gif" alt="Naver 키친, 이웃들의 생생한 레시피"></a>
</h1>
</div>
<!-- //header -->
<hr>
<!-- container -->
<div id="container">
<!-- snb -->
<div class="snb">
<h2>오늘의 키친</h2>
<ul>
<li><a href="#">요리사의 밥상</a></li>
<li><a href="#">푸드 온 키워드</a></li>
<li><a href="#">나의 최고의 레시피</a></li>
<li><a href="#">초간단 5분 요리</a></li>
<li><a href="#">주말 도전요리</a></li>
<li><a href="#">스페셜데이</a></li>
<li><a href="#">내 몸을 위한 요리</a></li>
</ul>
</div>
<!-- //snb -->
<hr>
<!-- content -->
<div id="content">
<h2>
<a href="#" title="푸드 온 키워드"><img src="파스타/images/title_01.gif" alt="푸드 온 키워드"></a>
</h2>
<hr>
<h3>
<img src="파스타/images/title.jpg" alt="09.09.29, 파스타 키워드로 만나다,
다양한 소스에 버무려 먹는 이탈리아의 전통 음식, 파스타">
</h3>
<h3>블로그 소개</h3>
<p>
<img src="파스타/images/txt.gif" alt="인류"> 의 국수 문화를 아시아와 중동, 유럽을 넘나들며 조명한 KBS 다큐멘터리 <<q>누들 로드</q>>를 보셨는지요? 제3편 '파스<br>
타 오디세이'에는 파스타와 관련된 흥미로운 기록과 문명의 흔적들이 나옵니다. 그중 영국 옥스포드 대학의 보들라이언 도서관에 보관된, 1154년에 쓰여진 아라<br>
비안 학자의 지리서가 있는데요. 이 책에 이탈리아 남부 시칠리아 섬의 트라비아라는 작은 마을의 지형과 생활상을 묘사한 부분에서 파스타의 기원에<br>
중요한 단서가 되는 문구 하나가 등장합니다. 바로 '이트리아'입니다. 문헌상으로 존재하는 이탈리아 최초의 건조 국수로 학자들은 이트리아를 일종의<br>
파스타로 보고 있습니다. 사실 파스타의 정확한 기원은 누구도 알지 못합니다. 다만 추측할 뿐이지요. 왜냐하면 인류는 9천년 전부터 밀을 재배해왔<br>
고, 빵과 국수를 비롯하여 밀가루를 이용한 음식들을 꾸준히 만들어왔으니까요. 파스타(pasta)의 어원이 '반죽한 가루'라는 것에서 짐작할 수 있듯 인<br>
류는 어떻게 하면 밀을 좀 더 소화되기 쉬운 형태로 맛있게 먹을 수 있을지를 고민해 왔습니다. 현재 300여 종류가 넘는 파스타를 만들어 먹는 이탈리<br>
아 사람들이 파스타 디자인의 가장 기본적인 조건으로 씹는 맛과 소스와의 결합, 쉽게 먹을 수 있는지 등을 중시하는 것도 이와 무관하지 않지요. 스파<br>
게티와 링귀네, 탈리아텔레 등의 롱 파스타(long Pasta), 펜네와 파르펠레, 루오타 등의 쇼트 파스타(short Pasta)로 구분되기도 하는 파스타는 어떤<br>
소스와 결합하느냐에 따라 그 종류가 매우 다양한데요. 오늘은 우리가 이탈리안 레스토랑의 메뉴에서 흔히 볼 수 있는 파스타에 대해 알아보겠습니다.<br>
<span>글ㅣ손지혜 (LUEL 피처 에디터)</span>
</p>
<div>
<h4>파스타 온 키워드</h4>
<ol>
<li>스파게티 <a href="#">더보기</a></li>
<li>라자냐 <a href="#">더보기</a></li>
<li>마카로니 <a href="#">더보기</a></li>
<li>라비올리 <a href="#">더보기</a></li>
<li>뇨끼 <a href="#">더보기</a></li>
<li>펜네 <a href="#">더보기</a></li>
<li>푸실리 <a href="#">더보기</a></li>
<li>랑귀니 <a href="#">더보기</a></li>
<li>페투치니 <a href="#">더보기</a></li>
<li>푸질리 <a href="#">더보기</a></li>
</ol>
</div>
<dl>
<dt>
<img src="파스타/images/01.jpg" alt="스파게티">
<strong>스파게티</strong>
</dt>
<dd>
토마토 소스에 버무린 스파게티. 세계적으로 가장 널<br>
리 알려진 파스타입니다. 스파게티(spaghetti)의 어원<br>
은 끈을 뜻하는 'spago'입니다. 참고로 스파게티를 눌<br>
러 놓은 듯 납작한 모양을 한 파스타를 링귀네<br>
(linguine)라고 부릅니다. 지름이 1.8~2.0mm 정도 되는 긴 국수 형태의 스파게티<br>
는 대표적인 건조 파스타입니다. 파스타 문화가 만개한 시칠리아와 제노바, 나폴<br>
리 등은 일찍부터 건조 파스타가 발달한 곳입니다. 바다와 인접한 지리적인 위치 <br>
때문에 해풍에 의해 파스타의 자연 건조가 쉬웠던 까닭입니다. 우리가 흔히 보는 <br>
건조 파스타는 듀럼 밀로 만듭니다. 듀럼 밀은 햇빛이 강렬하고 건조한 지역에서 <br>
잘 자라기 때문에 이탈리아 남부, 스페인, 그리스 등에서 이를 이용한 요리들이 <br>
많지요. 듀럼 밀의 배아를 굵게 갈아서 만든 가루를 세몰라라고 합니다. 세몰라<br>
에 물을 붓고 반죽한 파스타는 밀가루와 계란으로 반죽한 여느 파스타보다 끈기<br>
가 있고 탄력이 강합니다. <br>
<br>
<a href="#" title="스파게티 레시피 보기">▶ 레시피보기</a>
</dd>
</dl>
<dl>
<dt>
<img src="파스타/images/02.jpg" alt="탈리아텔레">
<strong>탈리아텔레</strong>
</dt>
<dd>
지름이 약 5~8mm 정도 되는 롱 파스타입니다. 탈리아텔레(taliatelle)가 '자르다'라는 뜻을 가졌다는 것에 짐작할 수 있듯 밀<br>
가루와 달걀로 만든 반죽을 얇게 밀어 돌돌 만 다음 칼국수처럼 칼로 잘라서 만듭니다. 파스타는 표면의 매끄러움 정도와 단<br>
면적의 넓이에 따라 소스를 흡수하는 정도가 다르기 때문에 다양한 요리법이 있습니다. 보통 탈리아텔레는 생크림과 버터, <br>
파마산 치즈로 만든 걸죽한 크림 타입의 소스와 궁합이 잘 맞습니다. 이탤리언 레스토랑 메뉴에 간혹 '페투치네<br>
(fettuccine)'라는 파스타를 보셨을 텐데요. 이는 로마식 탈리아텔레로 지름이 약 1cm 정도 되는 파스타입니다. 한편 반죽을 얇게 밀어 단면을 넓게 만<br>
든 파스타로 라자냐(lasagna)를 빼놓을 수 없습니다. 라자냐는 모든 생파스타의 기본이 됩니다. 반죽을 얇게 밀은 형태 그 자체를 라자냐로 보니까요. <br>
라자냐를 어떻게 자르냐에 따라 탈리아텔레가 되기도 하고, 파파르델레(지름 2~3cm의 파스타)가 되기도 합니다. <br>
<br>
<a href="#" title="탈리아텔레 레시피 보기">▶ 레시피보기</a>
</dd>
</dl>
<dl>
<dt>
<img src="파스타/images/03.jpg" alt="펜넬">
<strong>펜넬</strong>
</dt>
<dd>
양끝을 사선으로 자른 튜브 모양의 파스타로 대표적인 쇼트 파스타입니다. 구멍이 뚫려 있고, 표면은 가는 홈으로 되어 있어 <br>
소스를 아주 잘 빨아들이죠. 펜네(penne)는 모양이 펜촉처럼 생겼다고 해서 붙여진 이르입니다. 길이나 크기, 줄무늬 유무<br>
에 따라 펜네 안에서도 그 종류가 다양하게 나뉩니다. 길이가 짧은 것을 매체 펜네, 줄무늬가 있는 것을 리가테라고 부릅니<br>
다. 바로 푸질리(fusilli)인데요. 마치 나사의 몸통처럼 꼬여있는 모양을 하고 있는 파스타로 펜네와 함께 샐러드나 냉파스타, <br>
그라탕 요리에 쓰입니다. 구조상 꼬인 사이사이로 소스가 잘 배기 때문에 어떤 소스와도 잘 어울리는 파스타로 통합니다.<br>
<br>
<a href="#" title="펜넬 레시피 보기">▶ 레시피보기</a>
</dd>
</dl>
<dl>
<dt>
<img src="파스타/images/04.jpg" alt="라비올리">
<strong>라비올리</strong>
</dt>
<dd>
이탈리아식 만두로 통하는 라비올리(ravioli)도 일종의 파스타입니다. 반죽을 얇게 밀어 납작하게 만든 후 그 안에 다진 쇠고<br>
기나 생선, 리코타 치즈, 시금치 등의 야채로 만든 소를 넣어 빚어 낸 것이지요. 라비올리는 '둘러싸다'라는 뜻을 가지고 있<br>
습니다. 사각형이나 반달, 삼각형 등 다양한 형태로 만들어집니다. 참고로 토르텔리니(tortellini)는 작은 반달 모양으로 빗은 <br>
라비올리의 양끝을 붙여서 만든 파스타입니다. 볼로냐의 사람들은 일찍이 토르텔리니를 뜨거운 고기 육수에 삶아 먹었다고 <br>
합니다.<br>
<br>
<a href="#" title="라비올리 레시피 보기">▶ 레시피보기</a>
</dd>
</dl>
</div>
<!-- //content -->
<hr>
<p>오늘의 키친을 내 블로그나 카페에 담아가세요!</p>
</div>
<!-- //container -->
<hr>
<!-- footer -->
<div id="footer">
추가수정 된 것 : h1 a링크 / h2 a 링크 / 파스타온키워드 리스트 / 블로그 소개 h3, p태그, 글쓴이파트 span태그
</div>
<!-- //footer -->
</div>
</body>
</html>
dl/dt/dd : 1대 1, 또는 1대다 용어 설명, 대상 설명 등에서만 쓰이면 좋은 태그.
footer 영역은 베이킹 때와 마찬가지로 비어있는 부분이지만 하면서
틀렸거나 시간에 쫓겨 빠뜨렸거나 했던 부분에 대한 수정 사항을 적어 놓은 부분이므로 무시해도 좋은 부분.
결과물은 더보기에.
