반응형
간단한 레시피 페이지를 만드는 HTML 코드를 제공합니다.
이 코드는 레시피 제목, 재료 목록 및 순서대로 표시된 레시피 단계를 포함합니다.
<!DOCTYPE html>
<html>
<head>
<title>간단한 레시피 페이지</title>
</head>
<body>
<h1>맛있는 파스타 레시피</h1>
<h2>재료 목록:</h2>
<ul>
<li>스파게티 파스타</li>
<li>올리브 오일</li>
<li>마늘</li>
<li>토마토 소스</li>
<li>파마산 치즈</li>
<li>소금</li>
<li>후추</li>
</ul>
<h2>조리 순서:</h2>
<ol>
<li>스파게티 파스타를 끓는 물에 삶는다.</li>
<li>팬에 올리브 오일과 다진 마늘을 데친다.</li>
<li>토마토 소스를 넣고 볶는다.</li>
<li>삶은 스파게티를 소스와 섞는다.</li>
<li>파마산 치즈와 조미료를 넣고 마무리한다.</li>
</ol>
</body>
</html>
위 코드에서는 레시피 제목, 재료 목록, 조리 순서를 각각 <h1>, <h2>, <ul>, <ol> 요소로 표시하고 해당 항목들을 리스트로 나열합니다.
결과 보기
반응형
'HTML 예제' 카테고리의 다른 글
| 이미지 확대/축소 기능 (0) | 2023.12.08 |
|---|---|
| 화면에 예쁜 텍스트 추가 (1) | 2023.12.08 |
| 드롭다운 메뉴 만들기 (1) | 2023.12.08 |
| 캐러셀 이미지 슬라이더 (1) | 2023.12.08 |
| 달력 표시 (0) | 2023.12.08 |
