Menu


سواد دیجیتال:‌ HTML چیست؟


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

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

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

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

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

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

تولد HTML

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

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

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

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

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

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

دوست عزیز.

دسترسی کامل به این درس برای کاربران ویژه متمم در نظر گرفته شده است.

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

همچنین با فعال کردن اشتراک ویژه به درس‌های بسیار بیشتری دسترسی پیدا می‌کنید که می‌توانید فهرست آنها را در اینجا ببینید:

 فهرست درس‌های مختص کاربران ویژه متمم

البته از میان درس‌ها و مطالب مطرح شده، ما فکر می‌کنیم شاید بهتر باشد ابتدا مطالعه‌ی مباحث زیر را در اولویت قرار دهید:

  اتوماسیون بازاریابی

  استراتژی محتوا

  دیجیتال مارکتینگ

  ایمیل مارکتینگ

  سئو

  شبکه های اجتماعی

  تولید محتوا

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

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

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

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

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

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

  شما تاکنون در این بحث مشارکت نداشته‌اید.

برخی از دوستان متممی که به این درس علاقه مندند: چراغی , مریم سپه وندیان , آزیتا , امین طاها , Shiva Mehrabi

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

سری مطالب حوزه سواد دیجیتال
 
برخی از سوالهای متداول درباره متمم
متمم چیست و چه می‌کند؟ (+ دانلود فایل PDF معرفی متمم)
چه درس‌هایی در متمم ارائه می‌شوند؟
هزینه ثبت‌نام در متمم چقدر است؟
آیا در متمم فایل‌های صوتی رایگان هم برای دانلود وجود دارد؟

قوانین کامنت گذاری/ چرا دیدگاه من منتشر نشده است؟

35 نکته برای سواد دیجیتال:‌ HTML چیست؟

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

    نویسنده‌ی دیدگاه : طاهره خباری

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

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

    آن موقع کمی جستجو کردم تا به تگ <a href="link">name</a> رسیدم. به جای link آدرس مورد نظرم را می‌گذاشتم و به جای name، متنی که می‌خواستم به آدرس مورد نظرم لینک شود، می‌نوشتم.

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

    اکثر اوقات هم که بخواهم از درست بودن تگ مورد استفاده‌ام مطمئن شوم از سایت 1code استفاده می‌کنم.
    ولی الان در جستجو میان تگ‌های صفحات متمم دیدم که عنوان درس درون تگ <title> قرار داشت و تگ <center> هم برای وسط چین کردن بعضی از نوشته‌ها استفاده شده بود.

     
    دوست گرامی مشاهده تمرینهای مربوط به این درس، صرفا برای کاربران متمم امکانپذیر میباشد.
    .