div داخل article
بازگشت به صفحه اصلی
بازگشت به صفحه مقاله
دو ستونی
دو سطری
اجرای کد RUN »
<!DOCTYPE html> <html lang="en"> <head> <title>HTML5</title> <meta charset="utf-8"> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"> </script> <![endif]--> <style> body { font-family: Verdana, sans-serif; font-size: 0.8em; direction:rtl; } header, nav, section, article, footer, div.city { border: 1px solid grey; margin: 5px; padding: 8px; } nav ul { margin: 0; padding: 0; } nav ul li { display: inline; margin: 5px; } </style> </head> <body> <header> <h1> استخوان بندی HTML5</h1> </header> <nav> <ul> <li>اخبار</li> <li>ورزشی</li> <li>آب و هوا</li> </ul> </nav> <article> <h2> شهر های مشهور</h2> <div class="city"> <h2>لندن</h2> <p>لندن پایتخت انگلستان و پر جمعیت ترین شهر این کشور است و دارای منطقه شهری با بیش از 13 میلیون از جمعیت می باشد.</p> </div> <div class="city"> <h2>پاریس</h2> <p>پاریس پایتخت فرانسه و پرجمعیت ترین شهر فرانسه است. برج ایفل نیز نمای با شکوهی به آن داده است</p> </div> <div class="city"> <h2>توکیو</h2> <p>توکیو پایتخت ژاپن ، مرکز ناحیه بزرگ توکیو و پرجمعیت ترین منطقه شهری در جهان است.</p> </div> </article> <footer> <p>© تمامی حقوق محفوظ است.</p> </footer> </body> </html>