اخبار
مطالب اخیر
مطالب محبوب
عضویت در خبرنامه

با وارد کردن ایمیل در کادر زیر و ثبت آن مشترک خبرنامه وب سایت افغان لرن خواهید شد و از آخرین مطالب سایت بهره مند می شوید

توجه داشته باشيد بعد از وارد کردن ايميل خود و ثبت آن، ميبايست ايميل خود را تاييد نمایید

قسمت اول - شروع یادگیری html

در این درس سعی می کنیم تگ های مختلف html را شرح داده و با مثال هایی کاربرد آنها را به شما نمایش بدهیم.

همان طور که مشاهده کردید دو عبارت <html> و <html/> مشخص کننده شروع و پایان کدهای html می باشند . در واقع این قاعده ای است که مرورگر اینترنت برای خواندن فایل های html از آن استفاده می کند و قواعد زیاد دیگری در html مشابه آن وجود دارد . نقطه اشتراک همه این عبارت ها که قاعده ای را ایجاد می کنند این است که در ابتدای خود دارای علامت کوچکتر((>)) و در انتهای خود دارای علامت بزرگتر ((<)) می باشند . به هر کدام از این عبارت ها که دارای این علامت ها باشند یک ((تگ)) می گوییم .

اکثر تگ ها در html به صورت زوج تگ می باشند یعنی یک تگ برای اعلام شروع (تگ شروع) و یک تگ برای اعلام پایان (تگ پایان) به کار می رود که تنها تفاوت آنها در یک علامت / می باشد که به تگ پایانی اضافه شده است . البته تگ های تکی هم داریم که در مباحث بعدی معرفی می شوند .

شروع یک خط جدید با تگ <br> :

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

پیشنهاد بعدی:  قسمت چهارم – ساختار کلی html

نکته :

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

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


 

 

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

ایجاد عنوان با تگ های <h1> و <h2> و <h3> و <h4> و <h5> و <h6> :

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


 نتیجه:

salam

salam bar shoma !

مشاهده می کنید که عبارت درون تگ های <h1> و <h1/> به صورت برجسته تر نمایش داده شده است . همچنین این تگ ها باعث می شوند که مرورگر نمایش ادامه محتویات را از خط بعدی شروع کند .

پیشنهاد بعدی:  قسمت دوم – html چیست ؟

تفاوت تگ های <h1> و <h2> و <h3> و <h4> و <h5> و <h6> :

تفاوت تگ های فوق تنها در اندازه نمایش عنوان می باشد . تگ <h1> بزرگترین و تگ <h6> کوچکترین نمایش را برای عنوان به کار می برند . به مثال زیر توجه کنید :

مثال :


 

 نتیجه:

salam
salam
salam
salam
salam
salam

ایجاد یک پاراگراف با تگ <p> :

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

مثال :


 

نتیجه :

the text before paragraph .
another text .

this is a paragraph

the text after paragraph .
another text .

 

مشاهده می کنید که یک خط خالی قبل از پاراگراف و یک خط خالی بعد از پاراگراف قرار داده شده است تا پاراگراف از سایر متن ها جدا شود .

پیشنهاد بعدی:  قسمت اول - شروع یادگیری html