آموزش html جلسه هفتم

تگ های فرعی قسمت اول

در این قسمت شما با تگ های کاربردی دیگری آشنا می شوید . علت نام گذاری آن به فرعی این نیست که تگ های کم اهمیت و بی ارزشی باشند ؛

بلکه علت آن است که تگ های اصلی باید حتما در صفحه ها نوشته شوند ولی تگ های فرعی انتخابی هستند. و بسته به نوع نیاز و احتیاج به سایت اضافه می شوند .

پس لزوم استفاده از تگ های فرعی نیاز آنها است .

در این جلسه شما با تگ های زیر اشنا می شوید :

 Ul , li , a , span  آشنا می شوید .

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

این تگ مناسب برای استفاده از متن های توضیح و متن های طولانی تر هستند .

البته لازم به ذکر است که این تگ محدودیتی ندارد و شما هر چقدر متن که می خواهید میتوانید درون آن بنویسید .

شما حتی می توانید این تگ را درون تگ  div  قرار دهید .

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

این تگ هم میتواند جدا بی آید و هم درون تگ های مختلف .

همانطور که می بینید متن ما دارای لینک شده است و اگر کدتان را اجرا کنید . می بینید که متنی که لینک دار کرده اید به رنگ آبی در امده و شما می توانید روی آن کلیک کنید .

البته کلیک کردن روی آن شما را به هیچ جایی هدایت نمی کند .

راه حل این موضوع به شکل زیر است :

یعنی با تعریف href  درون تگ شروع کننده  a و قرار دادن = و بعد از مساوی قرار دادن ادرس داخل “” میتوانید تعریف کنید.

که وقتی روی متن کلیک شد شما را به صفحه یا جای که تعریف کرده اید ببرد .

البته اگر هنوز شما مسیر یا آدرسی برای قرار دادن درون href ندارید می توانید از هشتگ(#)  استفاده کنید .

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

تگ بعدی تگ ul  است که برای اخت منو به کار می رود .

از این تگ ساده می توانید منو بسازید .

اگر می خواهید منویتان بالا و سر سایتتان باشد . بهتر است ان را در اولین تگ درون body  بنویسید .

به این صورت :

نکته قابل توجه ای که باید بدانید این است که شما باید درون این تگ زیر منو هایتان را وارد کنید که در ادامه بیشتر توضیح می دهیم .

تگ آخری که در این جلسه قرار است یاد بگیرید این است :

Li

این تگ همان زیر منو است که داخل تگ ul قرار میگیرد . البته می توانید بیرون از تگ ul آن را بنویسید ؛ منتها برای سئو سایتتان مناسب نیست .

و بعدا که سایتتان کد هایش زیاد شود ممکن است مشکلاتی را بوجود بی آورد .

پس حتما و حتما آن را داخل تگ ui بنویسید .

به این صورت :

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

تکلیفی برای جلسه بعد وجود دارد که در ان می توانید پیشرفت و دانش خود را مشاهده کنید :

1 . شما سایتی با یک مقاله ، منو ، footer ، لینک  وtitle  بسازید .

2 . استفاده حداکثری از تگ هایی که آموختید بسیار مهم می باشد .

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

در جلسه بعدی تعدادی تگ فرعی دیگر و بسیاری نکات را یاد خواهید گرفت .

همچنین شما می توانید پروژه های html تان را به ما بسپارید تا در کوتاه ترین زمان و بهترین کیفیت به شما تحویل بدهیم .