به نام خدا . در اين بخش مي خواهيم مقداري بيشتر درباره المنت صحبت كنيم . در واقع شما المنت هاي HTML را مي توانيد در هر جائي از صفحه ببينيد از بخش بالاي تا منوهاي دست چپ و …. در واقع المنت ها بخشي از صفحه ها مار را تشكيل مي دهند .
حال بهتر است ساختار كلي يك امنت را بررسي كنيد همانطور كه در آموزش قبلي ديديد هر المنت شامل يك تگ شروع يا opening tag و بخش محتوا ( كه به نوع تگ بستگي دارد ) و تگ خاتمه يا closing tag است . براي درك بيشتر قالب زير را با دقت بررسي كنيد .
1. <p> – تگ شروع
2. Element Content - محتواي المنت
3. </p> – تگ خاتمه
هر صفحه شامل چهار المنت مهم است . html, head, title, body
حال بهتر است ساختار كلي يك امنت را بررسي كنيد همانطور كه در آموزش قبلي ديديد هر المنت شامل يك تگ شروع يا opening tag و بخش محتوا ( كه به نوع تگ بستگي دارد ) و تگ خاتمه يا closing tag است . براي درك بيشتر قالب زير را با دقت بررسي كنيد .
1. <p> – تگ شروع
2. Element Content - محتواي المنت
3. </p> – تگ خاتمه
هر صفحه شامل چهار المنت مهم است . html, head, title, body
<html> المنت …</html>
در واقع المنتي است كه در شروع و پايان صفحه وب ما بكار مي رود . در واقع اين المنت براي در بر گرفتن كل المنتهاي سند ما بكار مي رود و يك سند وب را معرفي مي كند . دقت داشته باشيد كه با وارد كردن <html>شما متقابلا بايد </html> را در پايان سند خود وارد كنيد . براي شروع كار بهتر است برنامه Notepad يك وايرشگر متن خود را باز كنيد . كد زير را در آن وارد كنيد . سپس ان را با نام index.html ذخيره كنيد . دقت كنيد چنانچه شما از Notepad بهره مي گيريد بايد در بخش Save as type حالت All files را انتخاب كنيد . پس از دخيره شدن آن را با مرورگر خود باز كنيد . مطمئنا شما بايد با يك صفحه خالي مواجه شويد .
در واقع المنتي است كه در شروع و پايان صفحه وب ما بكار مي رود . در واقع اين المنت براي در بر گرفتن كل المنتهاي سند ما بكار مي رود و يك سند وب را معرفي مي كند . دقت داشته باشيد كه با وارد كردن <html>شما متقابلا بايد </html> را در پايان سند خود وارد كنيد . براي شروع كار بهتر است برنامه Notepad يك وايرشگر متن خود را باز كنيد . كد زير را در آن وارد كنيد . سپس ان را با نام index.html ذخيره كنيد . دقت كنيد چنانچه شما از Notepad بهره مي گيريد بايد در بخش Save as type حالت All files را انتخاب كنيد . پس از دخيره شدن آن را با مرورگر خود باز كنيد . مطمئنا شما بايد با يك صفحه خالي مواجه شويد .
<html> </html>
<head> المنت
اين المنت در مكاني ما بين تگ html و Body قرار مي گيرد ( كه در ادامه تگ Body را نيز بررسي خواهيم كرد ) . نكته مهم اين المنت در آن است كه تگ ها ي كه در اين بخش قرار مي گيرند براي مقاصد خاص استفاده مي شود . مثلا براي بار گذاري و وصل كردن اسكريپت هاي ديگر مثل Javascript و يا فايل هاي CSS و يا براي نشان دادن عنوان صفحه .
براي آنكه با مطلب بيشتر آشنا شويد بهتر است كد زير را در يك فايل جديد ذخيره كنيد و آنرا با نام index1.html برروي سيستم خود ذخيره كنيد . چنانچه اين فايل را نيز توسط مرورگر باز كنيد شاهد يك صفحه خالي خواهيد بود .
اين المنت در مكاني ما بين تگ html و Body قرار مي گيرد ( كه در ادامه تگ Body را نيز بررسي خواهيم كرد ) . نكته مهم اين المنت در آن است كه تگ ها ي كه در اين بخش قرار مي گيرند براي مقاصد خاص استفاده مي شود . مثلا براي بار گذاري و وصل كردن اسكريپت هاي ديگر مثل Javascript و يا فايل هاي CSS و يا براي نشان دادن عنوان صفحه .
براي آنكه با مطلب بيشتر آشنا شويد بهتر است كد زير را در يك فايل جديد ذخيره كنيد و آنرا با نام index1.html برروي سيستم خود ذخيره كنيد . چنانچه اين فايل را نيز توسط مرورگر باز كنيد شاهد يك صفحه خالي خواهيد بود .
<html>
<head>
</head>
</html>
<title> المنت
همانطور كه در بخش قبلي اشاره كردم يك از تگهاي و يا المنتهاي كه در المنت <head> جاي مي گيريد عنوان صفحه است . اين تگ بصورت زير مورد استفاده قرار مي گيريد .
<title>به سايت من و تو خوش آمديد</title>
همانطوري كه مشاهده مي كنيد Content اين المنت شامل يك متن است كه در واقع متني را در قسمت بالايي مرورگر ما نمايش مي دهد . بار ديگر كد زير را در فايلي با نام index2.html ذخيره كنيد و آنرا توسط مروگر اجرا كنيد ، با بازكردن صفحه در مرورگر متوجه خواهيد شد كه متني در سمت چپ بالا نمايش داده شده است . نكته اي كه در مورد متن عنوان صفحه مي توان اشاره كرد اين است كه بهتر است همواره اين متن كوتاه ولي توصيفي باشد . ( يعني توصيفي از كاري كه در سايت انجام مي دهيد )
همانطور كه در بخش قبلي اشاره كردم يك از تگهاي و يا المنتهاي كه در المنت <head> جاي مي گيريد عنوان صفحه است . اين تگ بصورت زير مورد استفاده قرار مي گيريد .
<title>به سايت من و تو خوش آمديد</title>
همانطوري كه مشاهده مي كنيد Content اين المنت شامل يك متن است كه در واقع متني را در قسمت بالايي مرورگر ما نمايش مي دهد . بار ديگر كد زير را در فايلي با نام index2.html ذخيره كنيد و آنرا توسط مروگر اجرا كنيد ، با بازكردن صفحه در مرورگر متوجه خواهيد شد كه متني در سمت چپ بالا نمايش داده شده است . نكته اي كه در مورد متن عنوان صفحه مي توان اشاره كرد اين است كه بهتر است همواره اين متن كوتاه ولي توصيفي باشد . ( يعني توصيفي از كاري كه در سايت انجام مي دهيد )
<html>
<head>
<title>My Site</title>
</head>
</html>
<body> المنت
در واقع اين المنت اصلي ترين المنت صفحه شماست چرا كه تمامي محتوايي شما را كه مي توان شامل پاراگراف و تصاوير و غيره باشد در بر مي گيريد . چيزي كه مهم است در واقع هر آنچه كه ما بين المنت <body> شما قرار مي دهيد در صفحه نمايش داده مي شود . براي آنكه با درك بهتري اين موضوع را متوجه
در واقع اين المنت اصلي ترين المنت صفحه شماست چرا كه تمامي محتوايي شما را كه مي توان شامل پاراگراف و تصاوير و غيره باشد در بر مي گيريد . چيزي كه مهم است در واقع هر آنچه كه ما بين المنت <body> شما قرار مي دهيد در صفحه نمايش داده مي شود . براي آنكه با درك بهتري اين موضوع را متوجه
<html>
<head>
<title>My Site</title>
</head>
<body>
Hello world. I am here
</body>
</html>
