من قبل از اینکه طراحی سایت را یاد بگیرم چندین بار آموزش های مختلف html را در مراجع مختلف خوانده بودم اما آنقدر آن مراجع در مورد تگ ها و مشخصه های تگ ها توضیح می دادند که در نیمه راه خسته می شدم و آن را رها می کردم . تا اینکه در مرجعی که برای آموزش طراحی قالب سایت بود با تگ div آشنا شدم و یاد گرفتم که ابتدا با تگ های div ، اسکلت و ساختار اصلی سایت خود را بسازم و سپس هرگاه از بخشی از ظاهر این ساختار خوشم نیامد به سراغ یادگیری تگ های جدید بروم و با آنها سایت خود را بهتر و زیباتر کنم .

بنابراین در این مرحله شما را با تگ div آشنا می کنم ، شاید این آشنایی زود باشد اما حکمت دارد !!!

امروزه در اکثر سایت ها یک شکل برای بالای سایت (header) و یک ستون اصلی در وسط برای محتوای هر صفحه (content) ، دو ستون برای دو طرف ستون اصلی که شامل لینک ها ، اخبار کوتاه ، تبلیغات ، پیام ها و . می باشند (sidebar1 و sidebar2) و در پایین صفحه نیز بخشی برای تبلیغات ، معرفی شرکت صاحب سایت ، حقوق سایت و . (footer) ، به کار می رود . اما قبلا مشاهده کردید که مرورگر دستورات html را خوانده و بخش هایی را که باید نمایش دهد به صورت ستونی و پشت سرهم نمایش می دهد ، بنابراین ما به تگی نیاز داریم که با آن بخش های مختلف صفحه را از یکدیگر جدا کنیم و سپس بتوانیم بر روی هر بخش تغییرات مورد نظر خود را اعمال کنیم ، به گونه ای که این تغییرات چیدمان سایر بخش ها را به هم نریزد . تگ مورد استفاده برای این منظور ، تگ div می باشد .

همان طور که قبلا شرح دادیم در html هر تگ برای منظور خاصی به کار می رود . مثلا تگ

برای ایجاد یک پاراگراف به کار می رود . اما فرض کنید که هنگام ایجاد یک پاراگراف ، بخواهیم مشخصه و ویژگی خاصی را برای آن پاراگراف مشخص کنیم . در اینگونه موارد این مشخصه را باید در تگ شروع وارد کنیم . به مثال زیر توجه کنید :

مثال

 
this is a paragraph .

مشخصه align زمانی به کار می رود که بخواهیم تعیین کنیم پاراگراف در چه سمتی از صفحه ، نمایش داده شود . چون این مشخصه را به صورت right تعیین کرده ایم بنابراین پاراگراف در سمت راست صفحه ، نمایش داده می شود . همان طور که مشاهده کردید با یک فاصله پس از حرف p ، نام مشخصه align را نوشته ایم و سپس حالتی را که برای align در نظر گرفته ایم ( در اینجا right ) در بین دو علامت " نوشته ایم . تمامی مشخصه ها برای تگ های مختلف به همین شیوه نوشته می شوند و تنها باید یاد بگیرید که هر مشخصه برای چه تگ هایی به کار می رود و چه ویژگی خاصی را برای آن تگ ها تعیین می کند .

چنانچه قصد داشته باشیم بخشی از متن به صورت یک پاراگراف نمایش داده شود و از بخش های دیگر متن جدا بوده و فاصله داشته باشد باید از زوج تگ

و

استفاده کنیم . متنی که بین این دو تگ قرار بگیرد به صورت یک پاراگراف نمایش داده می شود . به مثال زیر توجه کنید :

مثال

 
the text before paragraph .
 another text .

this is a paragraph

حرف h در تگ های بالا از اول کلمه heading به معنای ((عنوان)) گرفته شده است و برای نمایش عنوان یک مطلب به کار می رود . معمولا برای جلب توجه بیشتر باید عنوان مطلب با اندازه بزرگتر و برجسته تر نسبت به متن مطلب نمایش داده شود که این تگ ها این عمل را انجام می دهند

مرورگرهای اینترنت هنگام خواندن یک فایل html چنانچه به چندین فاصله خالی پشت سرهم برخورد کنند آنها را تنها به عنوان یک فاصله در نظر می گیرند . بنابراین شما در یک فایل html نمی توانید با قرار دادن تعدادی فاصله پشت سر هم ، ادامه مطالب را به شروع خط بعدی ببرید . برای آنکه بخواهید ادامه مطالبتان در شروع خط بعدی باشد باید از تگ
استفاده کنید .

قبل از مثالی در مورد این تگ ، ابتدا مثال قبلی را دوباره مرور می کنیم :

مثال

 
salam bar shoma !
 

نکته

از این به بعد تنها کافی است که فایل html در Notepad باز بوده و هر بار کد درون فایل را تغییر داده و با گرفتن کلید Ctrl و فشار دادن کلید S از کیبورد ، تغییرات را ذخیره کنید و در مرورگر اینترنت خود که همواره باز است بر روی دکمه Refresh کلیک کنید . این کار روشی سریع برای مرور مثال های پی در پی می باشد .

حال با مثال زیر نحوه عملکرد تگ
را نشان می دهیم :

مثال

 
salam 
 bar shoma !
 

عبارت های بعد از تگ
در خط بعدی نمایش داده شده اند .

سلام

دوستان به عنوان اولین پست میخوام مفاهیم پایه و اساسی هاست و دامین رو خدمتتون توضیح بدم.

 Host به فضایی گفته می‌شود که داده‌ها و کدهای وب‌سایت بر روی آن قرار می‌گیرند و امکاناتی از قبیل دسترسی به دیتابیس، ارسال و دریافت ایمیل، اجرای کدها و … را فراهم میکند.

دامین یا دومین (domain) به نامی گفته می‌شود که وب‌سایت از طریق آن قابل دسترس خواهد بود. مثلا شما برای ورود به سایت گوگل باید در نوار آدرس مرورگر خود https://google.com  را تایپ کنید تا وارد این سایت شوید، که به google.com دامین گفته می‌شود.