html و css

تاریخچه زبان HTML

مقدمه آموزش HTML

1- نکاتی مهم که قبل از شروع برنامه نویسی باید بدانید
2- آموزش تایپ ۱۰ انگشتی
3- HTML چیست؟ ( معرفی زبان HTML )
4- تاریخچه زبان HTML
5- اهمیت HTML در اینترنت و صفحات وب
6- تفاوت پسوند htm. و html. چیست؟
7- مفهوم تگ های HTML
8- خصوصیات و استاندارد های HTML
9- نرم افزار های مورد نیاز برای برنامه نویسی HTML
10- آشنایی با برخی از اصطلاحات در کیبورد و HTML

html

اچ‌تی‌ام‌ال یا زبان نشانه‌گذاری ابرمتنی، HTML یا HyperText Markup Language در کنار سی‌اس‌اس (css) هستهٔ فناوری ساخت صفحه‌های وب هستند. اچ‌تی‌ام‌ال زبان توصیف ساختار صفحه‌های وب است. زبانی است برای نشانه‌گذاری ابرمتن که برای تدوین قالب و طراحی صفحه‌های وب به کار می‌برند. دستورعمل‌های این زبان، برچسب (Tag) نام دارند که محتوای یک صفحهٔ وب، با آن‌ها، نشانه‌گذاری شده و بدین‌ترتیب، نحوهٔ نمایش آن صفحه برای مرورگرهای وب، توصیف می‌شود.

زبان HTML در خلال دهه 90 توسط دنیس ریچی ابداع شد و توسط تیم برنرز لی Tim Berners-Lee در خلال دهه 90 ميلادی همراه با گسترش وب، شکوفا شد.

آقای تیم برنرز لی در سال 1989 شبکه جهانی وب را طرح ریزی کرد. در واقع هدف اصلی وی فراهم آوردن ساز و کاری بود که از آن طریق محققین بتوانند نتایج تحقیقات خود را با یکدیگر به اشتراک بگذارند. سپس زبان نشانه گذاری فرامتنی یا HyperText Markup Language که به صورت مختصر HTML خوانده می شود را طرح ریزی نمود و در نهایت در سال 1991 این زبان به طور رسمی به دنیا معرفی شد و این زبان به جایی رسید که دنیای اینترنت بدون آن بی معنا است.

اچ‌تی‌ام‌ال زبان برنامه‌نویسی نیست، بلکه زبانی برای نشانه‌گذاری ابرمتن است و اساساً برای ساخت‌مند کردن اطلاعات و جدایش اجزای منطقی یک نوشتار — نظیر عناوین، تصاویر، فهرست‌ها، بندها و جداول — به کار می‌رود. از سوی دیگر، اچ‌تی‌ام‌ال را نباید به عنوان زبانی برای صفحه‌آرایی یا نقاشی صفحات وب به کار بُرد؛ این وظیفه اکنون بر دوش فناوری‌های دیگری همچون سی‌اس‌اس است.

گفتنی است اچ‌تی‌ام‌ال شکلی از زبان دیگری بنام اس‌جی‌ام‌ال است و World Wide Web Consortium آن را به عنوان استانداردی برای نشانه‌گذاری مستندات ابرمتنی برای عرضه در وب، تدوین کرده‌است.

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

عبارت Hyper در مقابل عبارت Linear قرار دارد. منظور از Linear ساختاری “خطی” است. به عبارت دیگر فرض کنیم یک زبان برنامه نویسی است که ساختاری خطی دارد و در آن کارها یکی پس از دیگری انجام می شوند. فرض کنیم دو دستور داریم: دستور الف و دستور ب. حال مادامیکه دستور الف انجام نشده باشد قادر نخواهیم بود دستور ب را اجرا کنیم. اما قضیه در مورد زبان اچ تی ام ال که یک زبان Hyper است فرق می کند به این شکل که در هر کجای وب و در هر زمانی که باشیم می توانیم به بخش دیگری رفته و به هیچ وجه نیاز نیست تا دستورات یکی پس از دیگری انجام شوند. به طور مثال اصلاً نیازی نیست تا اول به سایت گوگل رفته سپس وارد سایت یاهو شویم (لازم به ذکر است که معنی لغوی Hyper عبارت است از ماوراء، فوق، بالا و …).
کلمه Text که گویا است و به معنی “متن” است. به طور کلی Hypertext به منزله متنی است که با کلیک روی آن می توان به صفحه دیگری رفت.
منظور ازLanguageMarkup زبانی است که در آن، متن کاری بیش از قرار گرفتن روی صفحه مروگر انجام می دهد و از سوی دیگر به جای متون می توان از تصاویر، لینک ها، جداول، منوها و … استفاده کرد.
همانطور که پیش از این توضیح داده شد زبان اچ تی ام ال یک زبان Markup است. به عبارت دیگر برخلاف زبان های Scripting یا Programming که برای انجام کارهای مختلف از دستورات خاصی استفاده می کنند، زبان اچ تی ام ال از تگ ها برای انجام کارهای خود استفاده می کنند (منظور از زبان Scripting زبانی است که اپلیکیشن های نوشته شده با آن فقط در صورت مشاهده یک درخواست کاری را انجام می دهد اما یک زبان Programming زبانی است که برنامه های نوشته شده با آن بدون نیاز به دریافت درخواست از طرف کاربر هم می توانند دستوری را اجرا کنند).

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

تاریخچه html

همانطور که در جدول فوق مشاهده می شود نسخه ای تحت عنوان XHTML 1.0 و XHTML5 در لیست دیده می شوند. سازمانی به آدرس http://www.w3c.com متولی ارتقاء و انتشار زبان اچ تی ام ال است تقریباً در سال 2000 نسخه جدیدی از زبان اچ تی ام ال را تحت عنوان اکس اچ تی ام ال را را منتشر کرد ( لازم به ذکر است که w3c مخفف World Wide Web Consortium به معنی کنسرسیوم شبکه جهانی وب می باشد). به طور کلی منظور از اکس اچ تی ام ال ترکیبی از زبان اچ تی ام ال با زبان اکس ام ال است. در واقع پس از ترکیب دو زبان با یکدیگر زبان اچ تی ام ال توسعه پذیر تر شد و به طور کلی دست برنامه نویسان به مراتب باز تر شد. در نسخه اول این زبان کلیه تگ ها شبیه به تگ های نسخه اچ تی ام ال 4 بود با این تفاوت که یکسری تگ های تکمیلی به آن اضافه شده و یکسری قوانینی هم به آن اضافه شده است که می شود گفت قوانین سخت گیرانه ای بودند.

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

نمونه زیر کد معروف Hello World است که با زبان HTML نوشته شده است:

<!DOCTYPE html>
<html>
  <head>
    <title>This is a title</title>
  </head>
  <body>
    <p>Hello world!</p>
  </body>
</html>

یک سند اچ‌تی‌ام‌ال، یک پروندهٔ مبتنی بر متن (Text–based) است که معمولاً با پسوند .htm یا .html نام‌گذاری شده و محتویات آن از برچسب‌های اچ‌تی‌ام‌ال تشکیل می‌شود. مرورگرهای وب، که قادر به درک و تفسیر برچسب‌های اچ‌تی‌ام‌ال هستند، تک‌تک آن‌ها را از داخل سند اچ‌تی‌ام‌ال خوانده و سپس محتوای آن صفحه را نمایان‌سازی (Render) می‌کنند.

سیدرضا بازیار

من مهندس فناوری اطلاعات و توسعه دهنده Back end هستم. حس کنجکاوی، تمایل به کشف دنیاهای جدید و علاقه زیادی به حل چالش‌های گوناگون در زمینه‌های مختلف داشتم باعث شد وارد حرفه‌ی پرچالش و عمیق برنامه‌نویسی بشوم و هر روز بیشتر در این دنیای بزرگ غرق می‌شوم. در حال حاضر با مهارت هایی نرم مانند کار تیمی، قدرت مذاکره، خوش برخوردی، پرورش ایده و مهارت های سخت مانند PHP, OOP, Clean Code, Design Patterns و ... با علاقه مشغول به فعالیت در جامعه متن‌باز هستم. معتقدم هر روز بیشتر از دیروز، عمده کارهای انسان‌ها توسط ربات‌ها انجام خواهد شد، به همین دلیل سعی میکنم اسکریپت‌های زیادی با PHP ، Shell Scripting و Bash Scripting بنویسم و سعی می‌کنم کارهایی که برای انسان‌ها سخت و زمانبر هستند،‌ با ربات‌ها در سریعترین زمان و کمترین هزینه ممکن انجام بدهم. در این مسیر با زبان‌های برنامه نویسی مانند C++ و پایتون هم کمی کار کرده‌ام و با سیستم های مدیریت محتوای زیادی مانند وردپرس، جوملا، ویبولتین و... هم به صورت حرفه‌ای درگیر بوده‌ام. گهگاهی سعی میکنم ربات‌هایی طراحی کنم که اطلاعات عظیمی را از طریق اسکرپینگ به دیتابیس های مختلف منتقل میکنند و از طریق API در پلتفرم های مختلف پردازش می‌شوند. در 10 سال گذشته سابقه زیادی در طراحی سایت و فروشگاه‌های اینترنتی، سئو و بهینه سازی، تست امنیت وب‌سایت‌ها، دیجیتال مارکتینگ و... داشته‌ام. خوشحال میشم بتونم تجربیات خودم رو از طریق این وبلاگ در اختیار همه شما عزیزان قرار بدهم.

مطالب مرتبط

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

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