-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtipsdiet.html
More file actions
108 lines (102 loc) · 6.7 KB
/
Copy pathtipsdiet.html
File metadata and controls
108 lines (102 loc) · 6.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tips Diet</title>
<link rel="icon" type="image/png" sizes="32x32" href="Assets/img/Daily care logo.png">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" href="style/pristel.css" >
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-info bg-info shadow-sm fixed-top ">
<div class="container-fluid">
<a class="navbar-brand fw-bold fs-3 " href="Index.php">
<img src="Assets/img/Daily care logo.png" alt="Logo" width="50" height="50" class="d-inline-block align-text-center">
<span class="text-white">Daily</span>Care
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup"
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav ms-auto mb-2 mb-lg-0">
<ul class="navbar-nav fw-semibold">
<li class="nav-item">
<a class="nav-link text-uppercase fs-6 active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-uppercase fs-6" href="#">Pengertian</a>
</li>
<li class="nav-item">
<a class="nav-link text-uppercase fs-6" href="#ideal">Cara Diet Ideal</a>
</li>
</ul>
</div>
<form class="d-flex" role="search">
<input class="form-control me-3" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<div class="text-uppercase fw-bold fs-4 text-center p-5 mt-5" >
<h1 style="font-family:'Times New Roman', Times, serif ;">Tips Diet</h1>
</div>
<div class="container text-uppercase fw-bold fs-4"><a id="">Pengertian</a></div>
<div class="container">
<p>Diet pada dasarnya adalah pola makan, yang cara dan jenis makanannya diatur. Tujuannya adalah untuk menjaga kesehatan tubuh secara keseluruhan. Selain itu, diet juga bertujuan untuk mencapai atau menjaga berat badan yang terkontrol.
Meski begitu, tidak semua diet dilakukan untuk menurunkan berat badan, beberapa orang melakukan diet atas dasar anjuran dokter karena mengidap penyakit tertentu yang memaksanya untuk mengatur segala nutrisi yang akan masuk ke tubuhnya. Oleh karena itu, diet dan nutrisi adalah suatu kesatuan yang diperlukan tubuh dalam porsi seimbang.
</p>
</div>
<div class="container text-center">
<img src="assets/img/Gambar9.jpeg" width="50%" alt="">
</div>
<div id="ideal" class=""></div>
<br><br><br><br><br>
<div class="container text-uppercase fw-bold fs-4"><a>Cara Diet Ideal</a></div>
<div class="container">
<p>Diet untuk mengurangi berat badan perlu dilakukan dengan cara dan langkah-langkah yang tepat agar
memiliki hasil yang efektif. <br>Berikut adalah cara-caranya :
</p>
</div>
<div class="container mt-5">
<ol>
<dl>
<dt><li>Menghitung kebutuhan kalori</li></dt>
<dd>Sebelum merancang menu makanan, cara yang paling tepat memulai diet sehat yaitu mengenali kebutuhan kalori harian Anda.
Setiap orang memiliki kebutuhan kalori yang berbeda berdasarkan berbagai faktor, seperti usia hingga kondisi kesehatan.
Sebagai contoh, penyandang obesitas akan memiliki kebutuhan kalori yang berbeda dengan orang sehat yang ingin mengurangi berat badan.
Menurut situs Mayo Clinic, dengan memperoleh jumlah kalori yang tepat dari makanan dan minuman, tubuh mendapatkan energi yang dibutuhkan.
Alhasil, fungsi tubuh akan berjalan normal, mulai dari berpikir, memompa darah, hingga bernapas.
Jadi, sebelum menyusun pola makan untuk menurunkan atau mempertahankan berat badan, kenali dahulu kebutuhan kalori agar tubuh tetap berfungsi dengan baik.
</dd>
<dt><li>Mengatur porsi makan</li></dt>
<dd>Selain kebutuhan kalori, cara diet sehat lainnya yang perlu diperhatikan yaitu mengatur porsi makan.
Pada saat menjalani diet, bukan berarti Anda harus menghindari berbagai jenis makanan.
Pasalnya, semua jenis makanan tetap dibutuhkan oleh tubuh, hanya saja Anda perlu mengatur porsi masing-masing dengan baik.
Idealnya, mengutip dari situs Kementerian Kesehatan RI, Anda bisa membagi piring menjadi 4 bagian yang terdiri atas:
</dd>
<ul type="circle">
<li><p>Lauk Pauk</p></li>
<li><p>Makanan Pokok atau Karbohidrat</p></li>
<li><P>Sayuran Hijau dan Berwarna-warni</P></li>
<li><P>Buah-buahan</P></li>
</ul>
<P>Intinya, Anda perlu menyesuaikan porsi makan dengan prinsip gizi seimbang.
Jangan lupa untuk menghindari makanan berlemak atau tinggi gula ketika makan malam, agar berat badan tidak melonjak drastis.</P>
<dt><li>Membuat jadwal makan yang teratur</li></dt>
<dd>Banyak orang yang percaya, melewatkan waktu makan dapat menurunkan berat badan dengan cepat. Nyatanya, hal ini tidak benar.
Melewatkan sarapan atau waktu makan lainnya justru membuat tubuh merasa cepat lapar, gula darah naik-turun drastis, dan stres.
</dd>
</dl>
</ol>
</div>
<div class="container">
<img style="float: left ;" src="assets/img/Gambar7-2.jpeg" width="50%" alt="skincare">
<img style="float: left ;" src="assets/img/gambar8-1.jpeg" width="50%" alt="skincare">
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
</body>
</html>