JSFiddle - React, Tailwind, and code Playground

by jiaxin520

HTML

<!--還是有美女圖好看-->
<html>
<body bgcolor="pink">
<div class="see">
<p>
<img src="https://www.storm.mg/images/logo.svg"width="200"/>
</p><hr/>

</div>
<div>
<h1>
<a href="https://www.storm.mg/images/logo_new7.svg">新新聞 </a>
1%STYLE 
<a href="https://www.storm.mg/images/vip_logo.png">VIP專區</a> 新聞 評論 財經 生活 下班經濟學 反詐新戰術<hr />
<p1>
<a href="https://www.storm.mg/category/104">風生活</a>
<a href="https://www.storm.mg/category/47021">品味生活</a>
<a href="https://www.storm.mg/category/164654">下班經濟學</a>
<a href="https://www.storm.mg/life-category/s24252">健康</a>
<a href="https://www.storm.mg/life-category/s24266">新知</a>
</p1>
</h1>
</div> 
<div>
<h2>
2024最新體脂計推薦》體脂計該怎麼選？Ptt、Dcard網友激推5大品牌，歐姆龍、tokuyo…幫你輕鬆管理健康體態
</h2>
<p>
<a href="https://www.storm.mg/authors/393991/%E9%A2%A8%E9%81%B8%E7%89%A9">風選物</a>
 + 追蹤 2024-10-24 09:57 41313 人氣
</p>
<img src="https://image.cache.storm.mg/styles/smg-800x533-fp/s3/media/image/2024/10/18/20241018-021754_U29142_M997505_c4d1.jpg?VlJt9F3v2ftNFVHSaQeGkAAuP7Dz1DUT&itok=ayk_Bho9"width="300"height="300"/><br />
<p class="text">
2024體脂計推薦：歐姆龍KRD-503T 尊爵藍牙體脂計（圖／歐姆龍提供）
</p>
<p class="text2">2024年10月25日更新）許多人在減肥時，都會使用體脂計測量體脂肪和體重，達到雕塑身材、增肌減脂的效果。不過坊間的體脂計推薦款式種類繁多，到底體脂計該怎麼挑？哪些體脂計有手機連線功能？哪一款體脂計準確度較高？《風選物》整理出Mobile01、PTT、Dcard網友的五款體脂計推薦，幫助你把錢花在刀口上，精準管理健康體態。<br />
<a href ="https://news.google.com/publications/CAAqBwgKMMjN3gowpKPWAQ?hl=zh-TW&gl=TW&ceid=TW%3Azh-Hant">透過 Google新聞 追蹤風傳媒</a>
</p>
</div>

<div>
<h2 class="h2">
一、體脂計是什麼？
</h2>
<p class="text2">
隨著民眾的健康意識成長，許多人都希望能健康地減重、雕塑身材，在瘦身時掌握身體的脂肪狀況，因此只測量體重已不夠，體脂計就能讓民眾在家測量精確的身體數值。此外隨著年齡增長，許多長輩也有膽固醇過高、高血壓等健康問題，在家裡放一台體脂計，也能長期監測家人的健康狀況，提早預防疾病發生。<br />
市面上販售的體脂計，大多是以生物電阻法（Bioelectrical impedance analysis；BIA）來測量身體的體脂率。<br/>
根據衛服部<a href="https://www.fda.gov.tw/tc/PublishOtherEpaperContent.aspx?id=1429&tid=4099&r=19461907">《藥物食品安全週報》</a>，生物電阻法是藉由微量的電流通過人體，以人體脂肪組織與非脂肪組織的含水量差異，再依據脂肪與水分導電率的不同換算出身體的「體脂肪率」。因此測量體脂時要避免身體與器材的潮濕，若身體有使用其他電子醫療器材（例如心律調節器），就不建議同時使用體脂計。<br />
</p>
<img...

CSS

.see{text-align:center;}

div{font-family:"Arial",Verdana,Sans-serif;
padding:10px;
background:white;
}
.text{color:grey;}

a:link,a:visited,a:active{color:red;
text-decoration:none;
}
h1{padding:5px;
  margin:5px;
}
a:hover{color:blue;}

.h2{color:cyan;}

p1{border-left:8px solid blue;
padding-left:10px;}

.text2{padding:10px;
  }