جای گذاری عناصر اسمی HTML5
بازگشت به صفحه اصلی
بازگشت به صفحه مقاله
دو ستونی
دو سطری
اجرای کد 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; direction:rtl; } header, footer { padding: 10px; color: white; background-color: black; } section { margin: 5px; padding: 10px; background-color: lightgrey; } article { margin: 5px; padding: 10px; background-color: white; } nav ul { padding: 0; } nav ul li { display: inline; margin: 5px; } </style> </head> <body> <header> <h1>شکرستان</h1> </header> <nav> <ul> <li>اخبار</li> <li>ورزشی</li> <li>آب و هوا</li> </ul> </nav> <section> <h2>بخش اخبار</h2> <article> <h2>خبر</h2> <p>متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی . </p> <p>متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی . </p> </article> <article> <h2>خبر</h2> <p>متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی . </p> <p>متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی ، متن ساختگی برای موارد تستی . </p> </article> </section> <footer> <p>2017 ©تمامی حقوق برای بهلول دانا محفوظ است.</p> </footer> </body> </html>