قالب وردپرس قالب وردپرس آموزش وردپرس قالب فروشگاهی وردپرس وردپرس
خانه / اموزش / html/css / تگ های مقدماتی HTML بخش اول

تگ های مقدماتی HTML بخش اول

تگ های مقدماتی HTML بخش اولReviewed by سالار on Feb 18Rating: 5.0

سلام به همه همراهان ایران وب در این جلسه با تگ های مقدماتی html اشنا خواهید شد امیدوارم لذت ببرید

image-matn-html-iriranweb

تگ < html > :

محدوده کد صفحه HTML را مشخص می کند و به مرورگر مي فهماند که اين يک صفحه HTML است . فقط کدهاي درون اين محدوده توسط مرورگر اجرا می شود .

مثال : در مثال زير بدنه اصلی يک صفحه با تگ < html > مشخص شده است :

Example
کد
< html >
  < head >
    < title > The title of the page < /title >
< /head >
< body >

The content of the page

< /body >

< /html >
محدوده اصلی صفحه html
تگ سر عنوان head
تگ عنوان صفحه

بدنه اصلی صفحه
.
.
.
پايان بدنه اصلی صفحه
پايان محدوده اصلی صفحه

 


تگ < body > :

اين تگ بدنه اصلی صفحه HTML را معرفی می کند و شامل کليه محتويات قابل نمايش در صفحه ازقبيل نوشته ها ، عکس ها ، لينک ها و … است . فقط محتويات اين قسمت توسط مرورگر به عنوان خروجی نمايش داده می شوند .
کدهای محتويات خروجی بين تگ باز و بسته < body > تعريف می شوند .

خواص مهم
نام خاصيت نوع خاصيت شرح
alink نام رنگ
rgb(x,x,x)
#xxxxxx
مشخص کننده رنگ لينک های فعال در صفحه است . رنگ میتواند به روش های زير تعيين شود :

  1. نام رنگ مثل blue يا red .
  2. تعيين رنگ به وسيله تابع rgb به صورت زير :
    ( مقدار رنگ قرمز ، مقدار رنگ سبز ، مقدار رنگ آبی ) rgb
    اين تابع مقدار ۳ رنگ را با هم ترکيب کرده و يک رنگ را ايجاد می کند .که مقدار رنگ توسط عددی بين ۰ تا ۲۵۵ تعيين می شود ، که هر چه عدد بزرگتر باشد ميزان آن رنگ در کل رنگ بيشتر خواهد بود .

    Example : rgb (10,65,232)

  3. نعيين رنگ به صورت عددی ترکيبی در مبنای ۱۶ هگزادسيمال :
    ميزان رنگ آبی ميزان رنگ سبز ميزان رنگ قرمز #

    Example : #08FF00

background URL
نام – مسير فايل
آدرس عکس يا فایلی که به عنوان پس زمينه صفحه مورد استفاده قرار می گيرد را تعيين می کند .
bgcolor نام رنگ
rgb(x,x,x)
#xxxxxx
می توان توسط اين خاصيت يک رنگ را به عنوان رنگ پس زمينه صفحه قرار داد .
link نام رنگ
rgb(x,x,x)
#xxxxxx
مشخص کننده رنگ کليه لينک های صفحه است .
text نام رنگ
rgb(x,x,x)
#xxxxxx
رنگ پيش فرض نوشته های درون صفحه را تعيين می کند که به صورت استاندارد مشکی است .
vlink نام رنگ
rgb(x,x,x)
#xxxxxx
رنگ لينک هايی در صفحه که قبلا يکبار کليک شده اند را مشخص می کند و به اين منظور استفاده می شود که کاربر متوجه شود آن لينک را قبلا مشاهده کرده است .

 

Example
کد
< html >
  < head >
    < title > The title of the page < /title >
< /head >

  < body >

The content of the page   محتويات قابل نمايش توسط مرورگر

< /body >

< /html >

تگ < head > :

تگ < head > در بر گيرنده ااطلاعات کلی درباره سند وب است که اين اطلاعات Meta-Information به معنای (اطلاعات درباره) ناميده می شود .
کليه اطلاعات درون تگ < head > توسط مرورگر نمايش داده نمی شوند .براساس استاندارد HTML فقط تگ های زیر قابل استفاده در بخش head هستند :
< base > , < link > , < meta > , < title > , < style > , < script >

 

خواص مهم
نام خاصيت نوع خاصيت شرح
profile URL مسير ليستی از آدرس فايل ها يا صفحاتی که در بر گيرنده اطلاعات کلی (meta-information) راجع به محتويات صفحه هستند ، را شامل می شود .

 


تگ < title > :

اين تگ عنوان صفحه را که مرورگر در هنگام باز کردن صفحه در نوار عنوان نمايش می دهد را مشخص می کند . متنی که بين تگ باز وبسته < title > قرار بگيرد عنوان صفحه را تعيين می کند . تگ < title > بايد در قسمت head صفحه قرار بگيرد .
عنوان صفحه ارتباطی به نام فايل صفحه ندارد و بهتر است حداکثر تا ۱۵ حرف باشد .

Example
کد
< html >
  < head >
    < title > This is the title of the page   عنوان صفحه < /title >
< /head >

  < body >

< /body >

< /html >

تگ <Doctype!> :

اين تگ اولين سطر از کد صفحه وب است و به مرورگر نوع و نسخه استفاده شده از زبان برنامه نويسی HTML يا XHTML را اعلام می کند . لازم به ذکر است که هر صفحه فقط می تواند يک نوع Doctype داشته باشد .
نکته : تگ < Doctype! > تنها تگی است که تگ انتهايي ندارد و در تگ ابتدايي هم توسط علامت / بسته نمی شود .

انواع ورژن های قابل استفاده در صفحات وب :
۱) HTML :

زبان HTML سه حالت کلی دارد :
Strict , Traditional , Frameset
کدهای زير بايد در قسمت < Doctype! > جهت استفاده از هر يک از حالت های فوق تايپ شود :

HTML Strict DTD نام
زمانی مورد استفاده قرار می گيرد که طراح بخواهد از شيوه قالب دهی به صفحات (CSS) استفاده نمايد . شرح
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd” > کد

 

HTML Traditional DTD نام
زمانی مورد استفاده قرار می گيرد که طراح می خواهد از قابليت های جديد HTML استفاده نکند ، زيرا مرورگر بازديد کنندگان سايت ممکن است از شيوه قالب دهی صفحات (CSS) پشتيبانی نکند . شرح
< !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd” > کد

 

HTML Frameset DTD نام
زمانی مورد استفاده قرار می گيرد که بخواهيم در صفحات از قاب ها (Frames) استفاده کنيم . شرح
< !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN” “http://www.w3.org/TR/html4/frameset.dtd” > کد

 


۲) XHTML :

زبان XHTML سه حالت کلی دارد :
Strict , Traditional , Frameset
کدهای زير بايد در قسمت < Doctype! > جهت استفاده از هر يک از حالت های فوق تايپ شود :

XHTML Strict DTD نام
زمانی مورد استفاده قرار می گيرد که طراح بخواهد از شيوه قالب دهی به صفحات (CSS) استفاده نمايد . شرح
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd” > کد

 

XHTML Traditional DTD نام
زمانی مورد استفاده قرار می گيرد که طراح می خواهد از قابليت های جديد XHTML استفاده نکند ، زيرا مرورگر بازديد کنندگان سايت ممکن است از شيوه قالب دهی صفحات (CSS) پشتيبانی نکند . شرح
< !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd” > کد

 

XHTML Frameset DTD نام
زمانی مورد استفاده قرار می گيرد که بخواهيم در صفحات از قاب ها (Frames) استفاده کنيم . شرح
< !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd” > کد

راستی کانال تلگرام مارو دنبال کنید

مطلب پیشنهادی

شی Screen در جاوا اسکريپت – صفحه نمایش

شی Screen در جاوا اسکريپت - صفحه نمایشReviewed by سالار on Dec 4Rating: 5.0شی Screen …

پاسخ دهید

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

 
در خبرنامه ما عضو شوید

در خبرنامه ما عضو شوید

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

تبریک ! شما عضو خبرنامه ما شدید