post

آموزش Html – بخش دو (آشنایی با تگ ها)

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

تگ <title>

این تگ یکی از کاربردی ترین تگ های HTML هست و همون طور که از معنای title میشه متوجه شد، دربردارنده عنوان صفحات هست.

 

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

این تگ از دو بخش ساخته شده، بخش اول حرف h که مخفف heading به معنای عنوان نوشته و بخش دوم عدد نوشته شده (۱ ، ۲ ، ۳ ، ۴ ، ۵ ، ۶) در کنار h هست که به معنای مقام ، درجه و رتبه اون عنوان هست، مهمترین عنوان دارای رنک ۱ (h1)  و کم ارزش ترین یا به عبارتی درونی ترین لایه عنوان دارای رنک ۶ (h6) خواهد بود و مابقی عناوین با توجه به ارزش و جایگاهی که دارند مابین این دو مقدار قرار می گیرند.

 

تگ <p>

این تگ نمایشگر وجود یک پاراگراف متنی در صفحه است.

 

تگ <a>

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

 

تگ <img>

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

 

تگ <table>

از این تگ برای درج جدول در صفحه استفاده میشه. شخصا در طول چندین سال طراحی یادم نمیاد از این تگ استفاده کرده باشم اما آشنایی باهاش خالی از لطف نیست و هنگام کار با ادیتورهای متنی مثل ورد و … ممکنه به کارتون بیاد.

 

تگ های <ul> و <li>

از تگ <ul> برای ساخت لیست ها و منو هایی که در اکثر وبسایت ها و وبلاگها مشاهده می کنید استفاده میشه؛ به این صورت که ابتدا تگ <ul> رو باز می کنیم و بعدش به تعداد آیتم ها و زیر منوهایی که داریم داخلش از <li> استفاده می کنیم و در انتها تگ <ul/>  رو می بندیم. به دلیل تو در تو بودن این تگ، مقادیر و پارامترهای اون رو در یک پست جداگانه براتون توضیح خواهم داد.

 

تگ های <ol> و <li>

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

 

تگ <div>

به جرات میتونم بگم این تگ از پرکاربردترین تگ های HTML در طراحی قالب هست و هرجا سخن از بخش، قسمت،ستون و بلوک باشه نام <div> میدرخشه. با این تگ هم در پست های بعدی کاملا آشنا خواهیم شد.

 

جمع بندی

خب، مهمترین تگ های HTML رو با هم مرور کردیم، البته تگ های دیگه ای هم وجود داره که در آینده و در طول مسیر با اون ها آشنا خواهیم شد، پس همچنان با من و مدرسه کوچک تیتکا همراه باشید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *