دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۱۹
  • خرداد

جلسه ۰۳ : تگ های اصلی html

  • دسته‌بندی‌ها :
جلسه ۰۳ : تگ های اصلی html
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

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

      آشنایی با تگ های اصلی html

      در ادامه ی مباحث این جلسه ما به بررسی چند نمونه از تگ های اصلی html و ساختار آن ها می پردازیم.

      اسناد HTML

      تمام اسناد و صفحات html باید با تگ توصیفی <!DOCTYPE html> شروع شوند.

      هر کدام از اسناد html با تگ <html> شروع و با تگ <html/> پایان می یابد.

      بخش قابل مشاهده ی هر سند html که کاربر آن را می بیند بین تگ های <body> و <body/> قرار می گیرد.

      مثال :  تگ های اصلی
      خودتان امتحان کنید »

      heading ها در html

      headingهای html با تگ های <h1> تا <h6> تعریف می شوند.

      از تگ <h1> برای تعریف هدینگ های بسیار مهم و برجسته و از تگ <h6> نیز برای مشخص کردن هدینگ های کم اهمیت استفاده می شود.

      مثال :  سرصفحه
      خودتان امتحان کنید »

      پاراگراف های HTML

      پاراگراف های html با تگ <p> تعریف می شوند.

      مثال :  پاراگراف
      خودتان امتحان کنید »

      لینک های HTML

      لینک های html با تگ <a> تعریف می شوند:

      مثال :  لینک
      خودتان امتحان کنید »

      صفت href آدرسی که با آن لینک می شود را مشخص می کند.

      صفات برای ارائه اطلاعات اضافی در مورد عناصر HTML استفاده می شود.

      تصاویر HTML

      تصاویر HTML با تگ <img> تعریف می شوند.

      فایل منبع (src)، متن جایگزین (alt) و width و height به عنوان ویژگی ها ارائه می شود:

      مثال :  تصاویر در html
      خودتان امتحان کنید »

      button در HTML

      button در HTML با تگ <button> تعریف می شوند.

      مثال : دکمه در html
      خودتان امتحان کنید »

      لیست های HTML

      لیست های html با تگ <ul> (لیست های نامرتب/لیست علامتدار) و تگ <ol> (لیست های نامرتب/لیست شماره گذاری شده) و داخل آن ها آیتم های لیست با تگ <li> تعریف می شوند.

      مثال : لیست ها
      خودتان امتحان کنید »

      کلام آخر

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

      QR:  جلسه ۰۳ : تگ های اصلی html
      به اشتراک بگذارید


      دیدگاه کاربران
      1. تصویر کاربر