Jade_o.o
[html] 06 - 기본 태그 사용하기 실습-카페 음료 문서 작성 본문
기본 태그 사용하여 카페 음료 문서 작성
html공부를 복습하며 카페 음료 문서 작성을 구현해 보았다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>기본 태그 사용하기</title>
</head>
<body>
<h1>스타벅스</h1>
<ul>
<li><h2>아메리카노</h2>
<ol type="1">
<li>R : 3000원</li>
<li>L : 3500원</li>
</ol>
</li>
<li><h2>카페라떼</h2>
<ol tyle="1">
<li>R : 3500원</li>
<li>L : 4200원</li>
</ol>
</li>
<li><h2>딸기주스</h2>
<ol tyle="1">
<li>R : 3500원</li>
<li>L : 4000원</li>
</ol>
</li>
<li><h2>레몬에이드</h2>
<ol tyle="1">
<li>R : 3800원</li>
<li>L : 4800원</li>
</ol>
</li>
</ul>
<hr>
<h1>음료 설명</h1>
<p><b>아메리카노</b>는 <i>물</i>에 <del>에스프레소샷</del>을 탄 음료입니다.</p>
<p><b>카페라떼는</b>는 <i>우유</i>에 에스포레소샷을 탄 음료입니다.</p>
<p>유기농 딸기를 넣고 만든 <strong>생과일 주스</strong>입니다.</p>
<p><b>레몬 착즙 주스와 탄산수</b>를 이용해 만든 똑 쏘는 <i>탄산음료</i>입니다.</p>
</body>
</html>
스타벅스
아메리카노
- R : 3000원
- L : 3500원
카페라떼
- R : 3500원
- L : 4200원
딸기주스
- R : 3500원
- L : 4000원
레몬에이드
- R : 3800원
- L : 4800원
음료 설명
아메리카노는 물에 에스프레소샷을 탄 음료입니다.
카페라떼는는 우유에 에스포레소샷을 탄 음료입니다.
유기농 딸기를 넣고 만든 생과일 주스입니다.
레몬 착즙 주스와 탄산수를 이용해 만든 똑 쏘는 탄산음료입니다.
=> html 코드 실행 시 결과창
'HTML' 카테고리의 다른 글
| [html] 08 - table태그 rowspan,colspan 실습-도형 만들기 (0) | 2024.01.10 |
|---|---|
| [html] 07 - form문 관련 태그 사용하기 실습-설문조사 작성 (0) | 2024.01.10 |
| [html] 05 - tag 사용하기 (1) | 2024.01.10 |
| [html] 04 - table 만들기 (0) | 2024.01.10 |
| [html] 03 - form 구성 태그 (0) | 2024.01.10 |