سلام دوستان عزیز، من تازه شروع به کدنویسی کردم به یه مشکلی خوردم میخوام عکسم و متنم زیر هم باشه(به صورت مرتب) سپس میخوام این متن و عکس هارو کنار هم قرار بدم مثل تصویر دو
کدهام هم پایین هست:
اولین عکس:
Mohammad sadegh and 3 more pages - Profile 1 - Microsoft Edge 3_19_2021 10_47_38 PM.png
دومین عکس:
Add a heading.png
کد HTML:
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>coronavirus</title> <link rel="stylesheet" href="simple.css"> <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital@1&display=swap" rel="stylesheet"> </head> <body> <header> <h1 class="numb1">The coronavirus</h1> </header> <hr> <main> <section> <div> <h3 class="one">If you do not want to be infected with coronavirus, be sure to follow these three principles. Three principles or known as the health triangle that have been approved by the World Health Organization. </h3> </div> </section> <section class="twom"> <div> <img class="twom" src="img/2m.png" alt="Two meters apart" width="100px" height="100px"> <h3 class="twom">Be about two meters apart.</h3> </div> </section> <section class="mask"> <div> <img class="mask" src="img/mask.png" alt="Two meters apart" width="100px" height="100px"> <h3 class="mask">Be sure to use a mask.</h3> <div> </section> <section>
</section> </main> <footer> <h1 class="awesome">please be careful, made by love.</h1> </footer> </body></html>