msnoorh
جمعه 29 اسفند 1399, 22:24 عصر
سلام دوستان عزیز، من تازه شروع به کدنویسی کردم به یه مشکلی خوردم میخوام عکسم و متنم زیر هم باشه(به صورت مرتب) سپس میخوام این متن و عکس هارو کنار هم قرار بدم مثل تصویر دو
کدهام هم پایین هست:
اولین عکس:
153165
دومین عکس:
153166
<!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>
کدهام هم پایین هست:
اولین عکس:
153165
دومین عکس:
153166
<!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>