ثبت نام

آشنایی با زبان برنامه نویسی HTML 

HTML-language

آشنایی با HTML  زبان پایه کدنویسی وب

 

HTML مخفف Hyper Text Markup Language یک زبان نشانه گذاری است، به اين معنی که بخش های مختلف توسط اجزايی به نام تگ از هم جدا شده، که هر کدام دارای کاربرد و خواص مربوط خود هستند. اين تگ‌ها به مرورگر اعلام می‌کنند، که هر بخش از صفحه چه نوع عنصری است و بايد به چه صورت نمايش داده شود.در ادامه با پورتال جامع مهندسین ایران همراه باشید.

 

آشنایی با زبان html

ورژن های HTML

  • HTML -انتشار: ۱۹۹۱
  • HTML+ – انتشار: ۱۹۹۳
  • HTML 2.0- انتشار: ۱۹۹۵
  • HTML 3.2- انتشار: ۱۹۹۷
  • HTML 4.01- انتشار: ۱۹۹۹
  • XHTML 1.0 – انتشار: ۲۰۰۰
  • HTML5 – انتشار: ۲۰۱۲
  • XHTML5 – انتشار: ۲۰۱۳

معرفی نسخه های HTML

HTML 2.0 

 بنیاد IETF این نسخه را در سال ۱۹۹۵ استاندارد سازی نمود که اولین حالت واقعی با ویژگیهای HTML در همان سال رقم خورد.

HTML 3.2 

این نسخه از HTML پیشنهاد W3C ( کنسرسیوم جهانی وب )  در سال ۱۹۹۶ بود که در ۱۴ ژانويه ۱۹۹۷ منتشر شد و چون هماهنگی زیادی با مرورگرها در سیستم عامل ها داشت که قادر بود رضایت همه کسانی که در زمینه وب سرمایه گذاری کرده بودند را به خود جلب نماید.

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

HTML 4.0 

به طور کلی این نسخه با صفحه شیوه ها ( StyleSheets ) ، اسکریپت ها ( Scripting ) ،  فریم ها ( Frames ) ، تعبیه آبجکت ها ( embedded Objects )  توسعه یافت و بازده ایی آن بیشتر در فرم ها و جدول ها معرفی گردید ، جستجوی بهتری از متون چپ به راست و راست به چپ را فراهم نمود ، تا همه مردم دنیا با هر زبانی و در هرجا بتوانند این زبان را منتقل کنند و افراد کم توانان تر هم استفاده از وب را تجربه کنند.

HTML 4.0.1 

در بیست و چهارم دسامبر سال ۱۹۹۹ برای رفع برخی از اشکالات که در نسخه قبلی بوجود آمده ، کمی با نسخه قبلی خود HTML 4.0 تفاوت دارد اما هماهنگی زیادی با نسل های جدید و زبان وب را دارا است.
ویژگیهای HTML4 که به چهار دسته تقسیم میشود:

  • تایید از انواع زبان ها و کاراکتر ها :
    مهمترین ویژگی HTML4 پشتیبانی از انواع زبان هاست که تا قبل از آن فقط امکان ایجاد به زبانهایی مثل انگلیسی و فرانسوی ( چپ به راست ) بود اما این نسخه امکان استفاده از زبانهای عربی و فارسی ( راست به چپ ) را نیز فراهم کرده است.
  • استفاده از برگه های سبک آبشاری :
    از ویژگی های آن میتوان به Stylesheet ها برای کنترل و نمایش صفحات توسط طراحان و کاربران اشاره کرد که تا قبل این نسخه طراحان امکانات کمتری بر نحوه نمایش صفحات خود را داشتند.
  • جای دادن زبان های اسکریپتی :
    از دیگر امکانات آن میتوان به استفاده زبانهای اسکریپتی در محتویات صفحات HTML برای ایجاد صفحات پویا اشاره نمود.با استفاده از این زبان می شود بر نحوه عناصر موجود در یک صفحه ( Web Page ) کنترل داشت و معیین کرد که عنصرها در مقابل رفتارهای کاربر چه واکنشی را از خو نشان دهد.
  • جداول :
    از دیگر کاربرد های آن میتوان بکارگیری جدول ها اشاره نمود که برای نظم دهی و قالب بندی اطلاعات مورد استفاده قرار میگیرد.

HTML5 

این نسخه یک زبان نشانه گذاری است و امکاناتی که در نسخه قبلی موجود بود در این نسخه بهبود یافته است و همچنین API های اسکریپت نویسی جدیدی نیز به آن اضافه گردیده

و این نسخه شامل تمامی عنصرهای HTML4  و  ۱٫۰ میباشد که اصول پایه ایی مدنظر گرفته شده است تا با تمامی پلتفرم ها به خوبی کار کند. وبسایتهای امروزی شبیه به یک نرم افزار عمل می کنند و بسیاری از توسعه دهندگان وب نیز به سمت وب سایت با این اصول پیش میروند.

از این رو سمت و سوی HTML5 نیز در راستای همین خواسته هاست که در نهایت این سند با هم ادغام شدند تا چیزی ایجاد شود که ما در حال حاضر آن را با نام HTML5 میشناسیم.
از ویژگیهای HTML5 میتوان به راحتی استفاده اینترنت در گوشی و تبلت ها توسط کاربران ، استفاده از ویدئو و صوت در سایت و… را نام برد.
در سری آموزش های بعدی که در خصوص HTML خواهد بود بیشتر تلاشمان این است که بروی آخرین تکنولوژی موجود یعنی HTML5 تمرکز کنیم و موارد و نکات کلیدی استفاده از آن را ارایه خواهیم کرد.

ساختار یک صفحه وب ساده

آشنایی با زبان html

یک صفحه وب ساده متشکل از تگ هایی (Tag) برای قرار گیری عناصر سازنده صفحه وب می باشد. تگ های اصلی وب عبارتند از: تگ عنوان (HTML Headings)، تگ پاراگراف (HTML Paragraphs)، تگ لینک (HTML Links)، تگ تصویر (HTML Images).

– تگ ها با علامت <Key words> تعریف می شوند. تگ ها شامل تگ آغازی و تگ پایانی می باشند. تگ آغازی به صورت <Key words> و تگ پایانی <Key words/> به صورت می باشد. در تگ پایانی علامت / قبل از کلمه کلیدی تگ نشان دهنده پایان تگ می باشد.

تگ عنوان (HTML Headings)

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

مثال:

 

بیشتر بخوانید:   آشنایی با زبان برنامه نویسی PHP

تگ پاراگراف (HTML Paragraphs)

تگ آغازین یک پاراگراف <p> می باشد. تگ پایان <p/> است.

مثال:

 

 تگ لینک (HTML Links)

تگ آغازین لینک : <a>

تگ پایان لینک: </a>

مثال:

 

تگ تصویر (HTML Images)

تگ: <img>

نکته: تگ تصویر بر خلاف تگ های قبلی تنها دارای یک تگ <img> می باشد.

مثال:

 

این مقاله هارو از دست ندهید:

اشتراک گذاری:

ارسال دیدگاه

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