افزودن HTML5Shiv
بازگشت به صفحه اصلی
بازگشت به صفحه مقاله
دو ستونی
دو سطری
اجرای کد RUN »
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>HTML5</title> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> </script> <![endif]--> <style> body { font-family: Verdana,sans-serif; font-size: 0.9em; } div#header, div#footer { padding: 10px; color: white; background-color: black; } div#content { margin: 5px; padding: 10px; background-color: lightgrey; } div.article { margin: 5px; padding: 10px; background-color: white; } div#menu ul { padding: 0; } div#menu ul li { display: inline; margin: 5px; } </style> </head> <body dir="rtl"> <div id="header"> <h1>شکرستان</h1> </div> <div id="menu"> <ul> <li>اخبار</li> <li>ورزشی</li> <li>آب و هوا</li> </ul> </div> <div id="content"> <h2>بخش اخبار</h2> <div class="article"> <h2>اخبار</h2> <p>متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی . </p> <p>متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی .</p> </div> <div class="article"> <h2>اخبار</h2> <p>متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی.</p> <p>متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی.</p> </div> </div> <div id="footer"> <p>2017 ©تمامی حقوق برای بهلول دانا محفوظ است.</p> </div> </body> </html>