Generic selectors
Exact matches only
Search in title
Search in content
Menu


HTML چیست و چه کاربردی دارد؟ تاریخچه HTML


اهداف و انتظارات آموزشی متمم در این درس
کد درس: ۲۹۴۳۰
از دوستان متممی که با مفهوم HTML و برنامه نویسی تحت وب آشنا هستند انتظار می‌رود: از سایر دوستان متممی انتظار می‌رود پس از پایان این درس:
  • با مفهوم Hypertext (هایپرتکست یا اَبَرمتن یا فرامتن) آشنا شوند و معنی این واژه را درک کنند.
  • نام‌های تد نلسون و بِرنِرز لی را به عنوان کسانی که ایده پردازی آنها سهم مهمی در فضای وب امروزی داشته، به خاطر بسپارند.
  • بدانند منظور از HTML چیست و HTML مخفف چه کلماتی است.
  • بتوانند برای کارهای ساده (در حد استخراج لینک یک عکس یا ویدئو یا فایل صوتی در حالت‌های ابتدایی) مستقیماً و مستقلاً اقدام کنند.
HTML چیست؟

به سختی می‌توان برای هر ایده‌، یک نقطه‌ی تولد و یک مبداء مشخص تعریف و تعیین کرد.

بسیاری از اختراعات و خلاقیت‌ها و کشفیاتی که ما امروز می‌شناسیم و به افراد مشخصی نسبت می‌دهید، قبل از آنها به شکل‌های مختلف (یا به شکل‌های ساده‌تر) توسط افراد دیگری کشف و ساخته و اختراع شده‌اند. اما نهایتاً یک نفر آخرین گام را برداشته و یا اینکه به علت قرار گرفتن در یک مکان و زمان مناسب، به عنوان مالک یا مبدع اصلی آن ایده شناخته شده است.

این حرف، اگر چه در بسیاری از حوزه‌ها مصداق دارد، اما فضای دیجیتال و اینترنت می‌تواند یکی از بهترین مثال‌هایش باشد.

به هر حال، همه‌ی این مقدمات را هم که بگوییم و بدانیم، Hypertext ایده‌ای است که آن را بیش از هر کس دیگر به تد نلسون نسبت می‌دهند.

کوین کلی (Kevin Kelly) در کتاب اجتناب ناپذیر (The Inevitable) اولین تجربه‌اش را در مواجهه با ایده‌ی هایپرتکست به این صورت بیان می‌کند:

تولد HTML

در سال ۱۹۸۹، تیم برنرز لی (Tim Berners-Lee) که یک فیزیک‌دان بود، یک زبان جدید برای نوشتن و علامت‌گذاری در هایپرتکست‌ها طراحی و پیشنهاد کرد. زبانی که او می‌گفت: می‌تواند در اینترنت مورد استفاده قرار گیرد (اگر تفاوت وب و اینترنت را به خاطر داشته باشید، الان برایتان درک این مسئله ساده است که اینترنت وجود داشته و هنوز وب اختراع نشده بوده).

برنرز لی، زبان پیشنهادی خودش را HTML نامید: HyperText Markup Language (زبان علامت‌گذاری ابرمتن‌).

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

مرورگر‌های وب (Web Browsers) در میان قابلیت‌های متعددشان، از این قابلیت مهم هم برخوردار هستند که می‌توانند زبان HTML را بفهمند.

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

محدودیت در دسترسی کامل به درس‌های سواد دیجیتال

دوست عزیز. دسترسی کامل مجموعه درس‌های سواد دیجیتال برای اعضای ویژه‌ی متمم در نظر گرفته شده است.

  تعداد درس‌ها: ۷۶ عدد

  دانشجویان این درس: ۶۹۶۰ نفر

  تمرین‌های ثبت‌شده: ۳۹۰۲ مورد

 البته با عضویت ویژه، به مجموعه درس‌های بسیار بیشتری به شرح زیر دسترسی پیدا می‌کنید:

 فهرست درس‌های متمم

البته اگر به تسلط بر تکنولوژی و سواد دیجیتال علاقه دارید، احتمالاً مطالعه‌ی مباحث زیر برایتان در اولویت خواهد بود:

  آموزش CRMاتوماسیون بازاریابی

  استراتژی محتوا | آموزش بازاریابی محتوا | دیجیتال مارکتینگ

  آموزش سئو | ایمیل مارکتینگ | شبکه های اجتماعی

  شبکه های اجتماعی | تولید محتوا

  دوره MBA (پیگیری منظم مجموعه درس‌ها)

اگر با فضای متمم آشنا نیستید و دوست دارید درباره‌ی متمم بیشتر بدانید، می‌توانید نظرات دوستان متممی را درباره‌ی متمم بخوانید و ببینید متمم برایتان مناسب است یا نه. این افراد کسانی هستند که برای مدت طولانی با متمم همراه بوده و آن را به خوبی می‌شناسند:

تمرین درس HTML چیست (روی دسکتاپ یا لپ‌تاپ انجام شود. روی موبایل کمی سخت‌تر است)

۱- ما در درس معرفی دیوید اتنبرو (مستندساز)، لینک دانلود فیلم را به شما نشان نداده‌ایم. به آنجا سر بزنید. Page Source را باز کنید. کمی بگردید و ببینید می‌توانید آدرس اصلی فیلم را پیدا کنید و آن را دانلود کنید؟ (اگر حوصله ندارید و می‌خواهید سریع‌تر عمل کنید و در HTML آن صفحه گم نشوید، یکی دو کلمه‌ی پایانی متن را به خاطر بسپارید و وقتی Page Source را می‌بینید با زدن Ctrl +F آن کلمات را جستجو کنید. قاعدتاً لینک فیلم‌ هم باید همان نزدیک‌ها باشد. (راهنمایی بیشتر: پسوند فایل mp4 است).

۲- سایت بهترین پاسخ متن‌های ساده‌تری دارد. یکی دو مورد از مطالبش را باز کنید و Page Source را ببینید و سعی کنید معنی بعضی عبارات را در کد HTML حدس بزنید.

۳- دست‌تان که به بهترین پاسخ راه افتاد، بعضی درس‌های متمم را باز کنید و کد HTML آنها را ببینید.

چیزهایی که برایتان جالب بود را برای ما هم بنویسید.

ترتیبی که متمم برای خواندن مطالب سری سواد دیجیتال به شما پیشنهاد می‌کند:

سری مطالب حوزه سواد دیجیتال

سوال‌های پرتکرار دربارهٔ متمم

متمم چیست و چه می‌کند؟

متمم مخففِ عبارت «محل توسعه مهارتهای من» است: یک فضای آموزشی آنلاین برای بحث‌های مهارتی و مدیریتی.

برای کسب اطلاعات بیشتر می‌توانید به صفحهٔ درباره متمم سر بزنید و فایل صوتی معرفی متمم را دانلود کرده و گوش دهید.

فهرست دوره های آموزشی متمم را کجا ببینیم؟

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

هم‌چنین در صفحه‌های دوره MBA و توسعه فردی می‌توانید با دوره های آموزشی متمم بیشتر آشنا شوید.

هزینه ثبت نام در متمم چقدر است؟

شما می‌توانید بدون پرداخت پول در متمم به عنوان کاربر آزاد عضو شوید. اما به حدود نیمی از درسهای متمم دسترسی خواهید داشت. پیشنهاد ما این است که پس از ثبت نام به عنوان کاربر آزاد، با خرید اعتبار به عضو ویژه تبدیل شوید.

اعتبار را می‌توانید به صورت ماهیانه (۱۶۰ هزار تومان)، فصلی (۴۲۰ هزار تومان)، نیم‌سال (۷۵۰ هزار تومان) و یکساله (یک میلیون و ۲۰۰ هزار تومان) بخرید. لطفاً برای اطلاعات بیشتر به صفحه ثبت نام مراجعه کنید.

آیا در متمم فایل های صوتی رایگان هم برای دانلود وجود دارد؟

مجموعه گسترده و متنوعی از فایلهای صوتی رایگان در رادیو متمم ارائه شده که می‌توانید هر یک از آنها را دانلود کرده و گوش دهید.

هم‌چنین دوره های صوتی آموزشی متنوعی هم در متمم وجود دارد که فهرست آن‌ها را می‌توانید در فروشگاه متمم ببینید.

با متمم همراه شوید

آیا می‌دانید که فقط با ثبت ایمیل و تعریف نام کاربری و رمز عبور می‌توانید به جمع متممی‌ها بپیوندید؟

سرفصل‌ها  ثبت‌نام  تجربهٔ متممی‌ها

۶۴ نظر برای HTML چیست و چه کاربردی دارد؟ تاریخچه HTML

    پرطرفدارترین دیدگاه به انتخاب متممی‌ها در این بحث

    نویسنده‌ی دیدگاه : الهام محمدی

    سلام.

    من قبلاً لینک بعضی درس‌های جالب را برای دوستان دیگرم می‌فرستادم تا آنها به متمم سر بزنند و درس‌ها را ببینند. تازه خودم هم یادداشت‌های دفترم را بر اساس شماره درس می‌نوشتم (راستش کامنت نویسی برام سخت است).

    از وقتی متمم شیوه نام‌گذاری آدرس‌ها عوض کرده، هنگام مسیج زدن، شکل زیبایی ندارند. از طرفی با لینک‌های کوتاه شده هم که می‌فرستی، شبیه لینک‌های تبلیغاتی می‌شود که این روزها در تلگرام زیاد است.

    من سیستم قبلی را بیشتر دوست داشتم (البته متمم صاحب اختیار است و حتماً ملاحظاتی دارد).

    اما امروز در داخل HTML چیز جالبی دیدم.

    تصویر زیر قسمتی از کد HTML شعر قیصر امین پور است:

    حالا خودم می‌توانم از این به بعد، کد‌های عددی درس‌های متمم را مثل قدیم پیدا کنم و برای دیگران ارسال کنم و دوباره دفترچه‌ام را مثل سابق بنویسم.

    http://motamem.org/?p=29354

     
    تمرین‌ها و نظرات ثبت شده روی این درس صرفاً برای اعضای متمم نمایش داده می‌شود.
    .