امروزه هر برنامه نویس وب می تواند با اطمینان به این سوال پاسخ دهد: HTML - این پسوند چیست؟ اما همه برنامه نویس وب نیستند. مطمئناً افرادی هستند که هنوز آماده پاسخ صحیح به چنین سؤالی نیستند. بنابراین بیایید از ابتدا به مفاهیم مرتبط با این موضوع نگاه کنیم.

HTML - چیست؟

HTML (زبان نشانه گذاری فرامتن) یک زبان رایج برای علامت گذاری اسناد اینترنتی است (نه یک زبان برنامه نویسی!). تقریباً تمام صفحات وب با استفاده از آن ایجاد می شوند. دومی متفاوت است اسناد عادی، حاوی متن، عناصر دیگر (تصاویر، جداول)، مواردی که حاوی توصیفگرهای خاص (برچسب) هستند که برای درک متن برای هر مرورگری ضروری است. پسوند HTML (یا HTM) نشانه این است که فایل به دسته اسناد وب تعلق دارد.

تگ های HTML دستورالعمل های خاصی هستند که حاوی اطلاعاتی در مورد ساختار و قالب بندی یک صفحه وب هستند. هر تگ در متن داخل پرانتزهای زاویه گنجانده شده است<>. تقریباً همه تگ ها جفت هستند و شامل یک قسمت باز و بسته می شوند که بر متن درج شده در این قسمت ها تأثیر می گذارد.

نمونه هایی از استفاده از تگ های HTML را می توان با باز کردن هر صفحه وب در نمای برچسب مشاهده کرد. برای انجام این کار، در منوی مرورگر باید مورد "View" - "As HTML" را انتخاب کنید. برای برخی از مرورگرها، کلیدهای میانبر نیز کار می کنند: Ctrl + U، هنگامی که در یک برگه مرورگر جداگانه فشار داده می شود، همان صفحه در حالتی باز می شود که به شما امکان می دهد کدهای HTML را ببینید.

از تاریخچه استانداردهای زبان نشانه گذاری

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

قبل از سال 1990، به سختی کسی در جهان به این سوال پاسخ صحیح می داد: HTML - چیست؟ مستندات این زبان برای اولین بار در سال 1991 منتشر شد. نویسنده، فیزیکدان تیم برنرز لی، آن را به عنوان ابزاری ارائه کرد که به شما امکان می دهد مجموعه ای از شخصیت های منتقل شده از طریق شبکه را به عنوان، پیوند و پاراگراف تبدیل کنید. به زودی زبان استاندارد برای علامت گذاری اسناد در اینترنت شد.

در توسعه خود، از نسخه اولیه به HTML 5 رفته و همچنان در حال بهبود است. این زبان حاوی توصیفگرهایی برای ساختار و قالب بندی است. بعداً قبول کردند تکنولوژی استاندارد CSS، که شامل تفکیک توضیحات قالب‌بندی به یک فایل CSS مجزا و باقی گذاشتن آن برای برچسب‌ها است توضیحات HTMLساختار سند در نتیجه، برخی از توصیفگرها دیگر مورد استفاده قرار نگرفتند.

ساختار سند HTML

این به وضوح تنظیم شده است و باید حاوی چندین برچسب اجباری باشد. این شامل:

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

برچسب هایی که دانستن آنها مفید است

عملکرد تگ های رایج باید برای هر کپی رایتری قابل درک باشد؛ افزودن آنها به متن در هر ویرایشگر متنی امکان پذیر است. آنها را می توان هنگام قالب بندی متن بدون داشتن ویرایشگر ویژه در دست استفاده کرد. معمولاً از کدهای HTML زیر استفاده می شود:

• - برجسته کردن یک پاراگراف
• 
  متن
  - برای قرار دادن متن به خط بعدی.
• برجسته کردن به صورت پررنگ - برجسته کردن به صورت پررنگ
• به حروف- برجسته کردن متن در کلمات
• لنگر - برای درج هر لنگر - یک کلمه یا شی که انتقال به پیوند مشخص شده در برچسب را آغاز می کند. به جای کلمه "لنگر" بنویسید "HERE" یا هر کلمه، عبارت، شی دیگری را وارد کنید. به جای کلمه "پیوند"، آدرس اینترنتی را در جایی که پیوند منتهی می شود وارد کنید.

• سرفصل

  - برای برجسته کردن عنوان سطح اول.

• عنوان فرعی

  - همینطور برای سرفصل سطح 2 و غیره تا سطح ششم.

نحوه ایجاد یک فایل HTML در یک ویرایشگر معمولی

یک صفحه وب (یعنی یک فایل HTML) را می توان در هر ویرایشگر متنی (مثلاً Notepad) تایپ کرد. اما همه برچسب ها باید به صورت دستی وارد شوند. مزیت این روش کمینه سازی مطلق کد است. معایب - نیاز به دانش خوب زبان نشانه گذاری فرامتن و عدم توانایی در مشاهده فوری نتایج کار شما دارد. بنابراین، این روش تنها برای ایجاد صفحات وب بسیار ساده مناسب است.

ویرایشگرهای HTML

تقریباً همه متخصصان از ویرایشگرهای HTML ویژه استفاده می کنند. محبوب ترین آنها Macromedia HomeSite و Dreamweaver MX هستند. آنها به شما امکان می دهند به طور خودکار بسیاری از برچسب ها را وارد کنید، متن و عناصر کد سرویس را برجسته کنید و بلافاصله نتیجه را در یک پنجره خاص مشاهده کنید. اما این برنامه ها پولی هستند.

برای یک مبتدی، بهتر است ابتدا مهارت های خود را با استفاده از ویرایشگرهای آزادانه آزمایش کنید. محبوب ترین آنها عبارتند از Notepad++، Komodo Edit، Aptana، Alaborn iStyle و KompoZer. هر کدام از این برنامه ها مزایای خاص خود را دارند که بیشتر یا کمتر را در اختیار کاربر قرار می دهند عملکرد، رابط مخصوص به خود را دارد. برای انتخاب موردی که مناسب شماست، باید در هر یک از آنها کار کنید. انجام این کار آسان است زیرا نیازی به پرداخت هزینه برای امتحان ندارید.

علاوه بر این برنامه های ویرایشگر، ابزارهای طراحی بصری (به عنوان مثال، HoTMetal Pro) وجود دارد. هنگام ایجاد صفحات وب، نیاز به وارد کردن دستی توصیفگرهای HTML را کاملاً از بین می برند. با این حال، چنین برنامه هایی منجر به کدهای بسیار زائد می شوند که حجم آن به طور قابل توجهی بیشتر از مقدار مورد نیاز است حداقل اندازه. علاوه بر این، اغلب نیاز به ویرایش دستی کد برای رساندن آن به کیفیت مطلوب است.

ما امیدواریم که آشنایی با مطالب در این مقاله حتی به یک کاربر مبتدی نیز اجازه دهد که در پاسخ به این سوال تردیدی نداشته باشد: HTML - چیست؟

HTML (از زبان انگلیسی Hypertext Markup Language - "زبان نشانه گذاری فرامتن") یک زبان نشانه گذاری استاندارد برای اسناد در شبکه جهانی وب است. تمام صفحات وب با استفاده از HTML (یا XHTML) ایجاد می شوند. HTML توسط مرورگر تفسیر می شود و به عنوان یک سند قابل خواندن برای انسان نمایش داده می شود.

HTML یک برنامه کاربردی از SGML (زبان نشانه گذاری تعمیم یافته استاندارد) است و مطابق با استاندارد بین المللی ISO 8879 است.

زبان HTML توسط دانشمند بریتانیایی تیم برنرز لی در حدود 1991-1992 در شورای اروپا برای تحقیقات هسته ای در ژنو (سوئیس) توسعه یافت. HTML به عنوان یک زبان برای تبادل اسناد علمی و فنی، مناسب برای استفاده توسط افرادی که در زمینه چیدمان متخصص نیستند، ایجاد شده است. HTML با تعریف مجموعه کوچکی از عناصر ساختاری و معنایی (که با «برچسب‌ها» مشخص شده‌اند) که برای ایجاد اسناد نسبتاً ساده اما به زیبایی قالب‌بندی شده‌اند، با موفقیت با پیچیدگی SGML مقابله کرد. علاوه بر ساده سازی ساختار سند، پشتیبانی از فرامتن به HTML اضافه شده است. قابلیت های چند رسانه ای بعداً اضافه شد. در ابتدا، زبان HTML به عنوان ابزاری برای ساختار و قالب بندی اسناد بدون پیوند آنها با ابزارهای بازتولید (نمایش) تصور و ایجاد شد. در حالت ایده آل، پیامک با نشانه گذاری HTMLباید بدون اعوجاج سبک و ساختاری روی تجهیزات با تجهیزات فنی مختلف (صفحه نمایش رنگی) تکثیر شود. کامپیوتر مدرن، صفحه نمایش تک رنگ، اندازه صفحه نمایش محدود تلفن همراهیا دستگاه ها و برنامه هایی برای پخش صدای متون). با این حال، مدرن کاربرد HTMLبسیار دور از هدف اصلی خود به عنوان مثال، برچسبی که چندین بار برای قالب بندی صفحه ای که اکنون می خوانید استفاده شده است، برای ایجاد معمولی ترین جداول در اسناد در نظر گرفته شده است، اما همانطور که می بینید، در اینجا یک جدول وجود ندارد. با گذشت زمان، ایده اصلی استقلال پلتفرم زبان HTML به نوعی قربانی نیازهای مدرن در طراحی چند رسانه ای و گرافیکی شد.

[ویرایش]
مرورگرها

اسناد متنی حاوی کد HTML (این گونه اسناد معمولاً پسوند "html" یا "htm" دارند) پردازش می شوند. برنامه های کاربردی خاص، که سند را به صورت فرمت شده نمایش می دهد. چنین برنامه هایی که مرورگرها یا مرورگرهای اینترنتی نامیده می شوند، معمولاً در اختیار کاربر قرار می دهند رابط کاربر پسندبرای درخواست صفحات وب، مشاهده آنها (و نمایش آنها در موارد دیگر دستگاه های خارجی) و در صورت لزوم، داده های وارد شده توسط کاربر را به سرور ارسال می کند. محبوب ترین مرورگرهای امروزی هستند اینترنت اکسپلورر، فایرفاکس، اپرا و سافاری.

[ویرایش]
ممکن ها

زبان HTML به شما امکان می دهد متن را علامت گذاری کنید. از جمله شما می توانید:
متن را پررنگ، مورب یا زیرخط دار کنید.
درج کاراکترهای خاص (نمادهای نقطه گذاری غیر ASCII، نمادهای ریاضی، حروف یونانی و گوتیک، فلش ها و غیره)؛
تغییر تایپ، اندازه، سبک، رنگ فونت؛
تراز کردن متن در مرکز، چپ/راست، موجه.
متن را به عنوان یک لینک به صفحه یا فایل دیگری فرمت کنید.
جدول بکش

بعدها که نیاز به تعامل صفحات وب بوجود آمد، HTML معرفی شد
فرم هایی برای کاربر برای وارد کردن داده هایی که بعداً پردازش می شوند. فرم ها و سایر اطلاعات را می توان با استفاده از برنامه های سرور ویژه (مثلاً در PHP یا Perl) پردازش کرد.
باز کردن فایل های رسانه ای خروجی مستقیم توسط مرورگر (به عنوان مثال، تصاویر در فرمت های JPEG، GIF یا PNG؛ فایل‌های صوتی MIDI و غیره)، و برنامه‌های خارجی «جاسازی‌شده» در پنجره مرورگر (انیمیشن فلش، اپلت‌های جاوا و غیره).

[ویرایش]
نسخه ها
RFC 1866 - HTML 2.0، به عنوان یک استاندارد در 22 سپتامبر 1995 تأیید شد.
HTML 3.2 - 14 ژانویه 1996;
HTML 4.0 - 18 دسامبر 1997;
HTML 4.01 (تغییرات، مهمتر از آنچه در نگاه اول به نظر می رسد) - 24 دسامبر 1999؛
ISO/IEC 15445:2000 (به نام "ISO HTML"، بر اساس HTML 4.01 Strict) - 15 مه 2000.

هیچ مشخصات رسمی HTML 1.0 وجود ندارد. قبل از سال 1995، استانداردهای غیر رسمی HTML زیادی وجود داشت. برای اینکه نسخه استاندارد با آنها متفاوت باشد، بلافاصله شماره دوم به آن داده شد.

نسخه 3 توسط کنسرسیوم پیشنهاد شد شبکه جهانی وب(W3C) در مارس 1995، و بسیاری از ویژگی های جدید مانند پشتیبانی از جدول، بسته بندی متن در اطراف تصاویر و نمایش پیچیده ارائه کرد. فرمول های ریاضی. اگرچه این استاندارد با نسخه دوم سازگار بود، اما اجرای آن برای مرورگرهای آن زمان دشوار بود. نسخه 3.1 هرگز به طور رسمی پیشنهاد نشد و نسخه بعدی استاندارد HTML 3.2 بود که بسیاری از نوآوری های نسخه 3.0 را حذف کرد، اما عناصر غیر استانداردی را اضافه کرد که توسط مرورگرهای Netscape و Mosaic پشتیبانی می شدند. پشتیبانی از فرمول های ریاضی توسط استاندارد اختیاری MathML منتشر شده است.

HTML 4.0 همچنین حاوی بسیاری از عناصر خاص مرورگر است، اما در همان زمان برخی از استانداردها پاکسازی شده است. بسیاری از عناصر به‌عنوان منسوخ و منسوخ علامت‌گذاری شدند. به طور خاص، عنصر فونت، که برای تغییر ویژگی‌های فونت استفاده می‌شود، به‌عنوان منسوخ علامت‌گذاری شده است (به جای آن، برگه‌های سبک CSS توصیه می‌شود).

[ویرایش]
چشم انداز

کنسرسیوم وب جهانی (W3C) در حال حاضر در حال توسعه نسخه پنجم زبان HTML5 است. نسخه پیش نویس مشخصات زبان در 20 نوامبر 2007 در اینترنت ظاهر شد. به موازات آن، کار برای ادامه توسعه HTML XHTML نامیده می شود (از زبان انگلیسی Extensible Hypertext Markup Language - "زبان نشانه گذاری فرامتن توسعه پذیر"). در حالی که XHTML از نظر قابلیت با HTML قابل مقایسه است، الزامات نحوی دقیق تری دارد. مانند HTML، XHTML زیرمجموعه ای از زبان SGML است، اما XHTML بر خلاف نسخه قبلی خود بر پایه XML است. XHTML 1.0 به عنوان یک توصیه توسط کنسرسیوم جهانی وب (W3C) در 26 ژانویه 2000 تأیید شد.

برنامه ریزی شده مشخصات XHTML 2.0 سازگاری با نسخه‌های قدیمی‌تر HTML و XHTML را قطع می‌کند، که برخی از توسعه‌دهندگان وب و تولیدکنندگان مرورگر از آن راضی نیستند. WHATWG (گروه کاری فناوری کاربرد فرامتن وب) در حال توسعه مشخصات برنامه های کاربردی وب 1.0 است که اغلب به صورت غیررسمی "HTML5" نامیده می شود، که HTML را گسترش می دهد (اما همچنین دارای نحو XML سازگار با XHTML 1.0) برای نمایش بهتر معنایی صفحات مختلف معمولی، برای مثال. انجمن ها، سایت های حراج، موتورهای جستجو، فروشگاه های آنلاین و غیره که چندان در مدل XHTML 2 نمی گنجد.

[ویرایش]
ساختار سند HTML

HTML یک زبان نشانه گذاری سند برچسب گذاری شده است. هر سندی در زبان HTML مجموعه‌ای از عناصر است و ابتدا و انتهای هر عنصر با علامت‌ها - برچسب‌ها مشخص می‌شود. عناصر می توانند خالی باشند، یعنی حاوی هیچ متن یا داده دیگری نباشند (به عنوان مثال، یک برچسب خوراک خط
). در این حالت معمولا تگ بسته شدن مشخص نمی شود. علاوه بر این، عناصر می توانند دارای ویژگی هایی باشند که برخی از ویژگی های آنها را مشخص می کند (به عنوان مثال، اندازه قلم برای عنصر فونت). ویژگی ها در تگ افتتاحیه مشخص می شوند. در اینجا نمونه هایی از قطعات سند HTML آورده شده است:
متن بین دو تگ - باز و بسته شدن.
در اینجا عنصر حاوی ویژگی href است.
در اینجا یک مثال است عنصر خالی:

موردی که در آن نام عنصر و نام ویژگی تایپ می شود در HTML اهمیتی ندارد (برخلاف XHTML). عناصر را می توان تودرتو کرد. برای مثال کد زیر:

این متن پررنگ خواهد بود
و این یکی نیز به صورت مورب است

این نتیجه را خواهد داد:
این متن پررنگ و این متن نیز مورب خواهد بود.

علاوه بر عناصر، اسناد HTML همچنین دارای موجودیت هایی هستند - "کاراکترهای خاص". موجودیت ها با یک کاراکتر آمپرسند شروع می شوند و دارای شکل &name; یا NNNN؛، که در آن NNNN کد کاراکتر یونیکد در نماد اعشاری است.

به عنوان مثال، نماد حق چاپ (©). به طور معمول، موجودیت ها برای نشان دادن کاراکترهایی استفاده می شوند که در رمزگذاری سند نیستند، یا برای نشان دادن کاراکترهای "ویژه": & - علامت (&)،< - символа «меньше» (), которые некорректно записывать «обычным» образом, из-за их особого значения в HTML.

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

هر سند HTML که با برخی از نسخه‌های مشخصات HTML مطابقت دارد باید با یک خط اعلام نسخه HTML شروع شود که معمولاً چیزی شبیه به این است:
"www w3 org;

اگر این خط مشخص نشده باشد، نمایش صحیح سند در مرورگر دشوارتر می شود.

[ویرایش]
گزینه های DOCTYPE برای HTML 4.01
Strict: حاوی عناصری نیست که به عنوان "منسوخ" یا "منسوخ" علامت گذاری شده اند.
"www w3 org;
Transitional: حاوی برچسب‌های قدیمی برای اهداف سازگاری و تسهیل مهاجرت از نسخه‌های قدیمی‌تر HTML.
"www w3 org;
با فریم (Frameset): شبیه به انتقالی است، اما همچنین حاوی برچسب هایی برای ایجاد مجموعه فریم است.
"www w3 org;

[ویرایش]
جنگ مرورگرها

در اواسط دهه 1990، پدیده زیر ظهور کرد. تولیدکنندگان اصلی مرورگر - نت اسکیپ و مایکروسافت - شروع به پیاده سازی مجموعه عناصر خود در نشانه گذاری HTML کردند. سردرگمی در مورد طرح های مختلف برای کار بر روی شبکه جهانی وب که برای مشاهده در یک یا آن مرورگر موجود است، ایجاد شده است. به خصوص هنگام ایجاد برنامه های مرورگر متقابل در جاوا اسکریپت مشکلات بزرگی وجود داشت. وب مسترها مجبور بودند چندین نسخه از صفحات ایجاد کنند یا به ترفندهای دیگری متوسل شوند. برای مدتی، مشکل به دو دلیل اهمیت خود را از دست داد:
به دلیل جابجایی همه مرورگرهای دیگر توسط مرورگر اینترنت اکسپلورر مایکروسافت. بر همین اساس مشکل مدیران وب سایت ها به مشکل کاربران مرورگرهای جایگزین تبدیل شد.
با تشکر از تلاش‌های دیگر تولیدکنندگان مرورگر که استانداردهای W3C (مانند موزیلا و اپرا) را دنبال کردند یا سعی کردند حداکثر سازگاری را با اینترنت اکسپلورر ایجاد کنند.

در مرحله کنونی، می‌توان به محبوبیت فزاینده مرورگرهایی اشاره کرد که از توصیه‌های W3C پیروی می‌کنند (اینها مرورگرهای موزیلا فایرفاکس و سایر مرورگرهای مبتنی بر موتور Gecko؛ Konqueror، Safari و سایر مرورگرهای مبتنی بر موتور KHTML؛ Opera با موتور منحصر به فرد Presto) هستند. . در عین حال، اینترنت اکسپلورر همچنان موقعیت پیشرو خود را حفظ کرده است.

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

فایل HTML چیست؟

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

در واقع، مسئله نحوه باز کردن یک فایل HTML تنها به مشاهده محتویات آن در برنامه مناسب باز می گردد. بسیاری ممکن است بپرسند که از کدام برنامه استفاده کنند. هیچ چیز ساده تر از مشاهده محتوا در رایج ترین مرورگر اینترنت نیست.

چگونه یک فایل HTML را در مرورگر باز کنیم؟

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

اگر به یک راه حل اضافی برای این سؤال نیاز دارید که چگونه یک فایل HTML را با استفاده از ابزارهای دیگر باز کنید، باید از منوی راست کلیک استفاده کنید، که در آن باید مرورگر دیگری یا برنامه دیگری را از آن انتخاب کنید (خط "باز کردن با ..."). با برنامه ها، همه چیز نیز ساده است.

نحوه باز کردن یک فایل HTML: با استفاده از ویرایشگرهای متن

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

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

چگونه یک فایل HTML را در Word باز کنیم؟ به آسانی پای! برای انجام این کار باید برنامه مناسب را از منوی زمینه انتخاب کنید یا از منوی فایل خود برنامه استفاده کنید و خط باز کردن شی را فراخوانی کنید. ساده ترین راه این است که از کلیدهای ترکیبی Ctrl + O استفاده کنید، سپس آنچه را که در خط انتخاب فرمت مورد نیاز است تنظیم کنید و از دکمه مرور برای جستجوی فایل مورد نظر استفاده کنید.

وسایل تخصصی

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

از معروف ترین ویرایشگرهای HTML می توان به Sublime Text، Aptana Studio، Notepad++، Macromedia Dreamweaver، RJ TextEd، KompoZer، Comodo Edit، Vim، Fraise، PSPad و بسیاری دیگر اشاره کرد. در زبان آنها، HTML به قدری ساده به نظر می رسد که حتی هر کاربر آموزش ندیده ای می تواند با ایجاد صفحه خود که با استفاده از نشانه گذاری فرامتن نوشته شده است، به روشی کاملاً ابتدایی کنار بیاید. به طور کلی، می توانید فایل هایی با این فرمت را در هر برنامه ای که از زبان HTML پشتیبانی می کند باز کنید.

یا HTML به زبان نشانه گذاری Hypertext نوشته شده است و نوع استاندارد فایل صفحه وب در اینترنت است.

آنچه در فایل های HTML وجود دارد

این ایده در سال 1989 توسط تیم برنرز لی پیشنهاد شد، زمانی که او به پسوندی نیاز داشت که به مرورگرها اجازه می داد رمزگذاری را بخوانند و آن را به علائم نگارشی، متن غنی، لینک ها، تصاویر، ویدئوها یا فایل های رسانه ای دیگر تبدیل کنند. کاربری که از یک وب سایت بازدید می کند تنها در صورتی می تواند نتیجه نهایی کار مرورگر با HTML را ببیند که به درستی تکمیل شده باشد. محتویات خود فایل شخص ثالث را می توان با استفاده از " مشاهده کرد مشاهده کد منبع صفحه».

نحوه باز کردن یک فایل HTML

هر مرورگر وب - مانند Yandex.Browser، اینترنت اکسپلورر، فایرفاکس، کروم، اپراو غیره - هر فایل HTML را باز می کند و به درستی نمایش می دهد. به عبارت دیگر، باز کردن یکی از این اسناد در یک مرورگر، آنچه را که در فایل HTM یا HTML نوشته شده است، رمزگشایی می کند.

برنامه های زیادی وجود دارند که ویرایش و ایجاد فایل های HTM یا HTML را آسان تر می کنند. Eclipse، کومودو ویرایشو ماهی آبیتنها برخی از ویرایشگرهای رایگان HTML محبوب هستند. یکی دیگر از برنامه های محبوب HTM/HTML با بسیاری از ویژگی های اضافی است Adobe Dreamweaverاما به صورت رایگان به کاربران ارائه نمی شود. برای تبدیل HTML می توانید از برنامه Convertin.io استفاده کنید.

برای مشاهده کد در این گونه فایل ها و ایجاد تغییرات در آن می توانید از معمولی استفاده کنید ویرایشگر متن، اگرچه عملکرد آن در مقایسه با برنامه های خاص محدود است. Notepad++، احتمالا راحت ترین گزینه خواهد بود. که در دفترچه یادداشتیک برنامه استاندارد ویندوز، همچنین می تواند فرمت HTML را ویرایش کند، اما برای این کار طراحی نشده است، و فرآیند ویرایش کد را برای کسانی که با زبان نشانه گذاری فرامتن آشنا نیستند، چالش برانگیز می کند.

آیا در مورد html شنیده اید؟ یا شاید در مورد صفحات html در اینترنت شنیده باشید؟ در واقع، ساده است. HTML به زبان ساده یکی از زبان های برنامه نویسی است و پیچیده ترین آنها نیست.

HTML مخفف HyperText Markup Language است که به عنوان زبان نشانه گذاری فرامتن ترجمه می شود.
محتوا:

HTML برای اینکه صفحات در اینترنت دقیقاً همانطور که می شناسید به نظر برسند استفاده می شود:

• متن هایی با طراحی زیبا
• با حروف پررنگ یا مورب،
• فقط مشکی یا چند رنگ،
• با لینک های فعال به سایر صفحات سایت یا وبلاگ،
• با، ویدئو، صدا و بسیاری از ویژگی های جالب دیگر.

در اصل، html پشت صفحات بسیاری از سایت ها است. اغلب طراحی زیبای آنها با استفاده از زبان نشانه گذاری HTML ایجاد می شود. در غیر این صورت، به این می گویند ایجاد صفحات با استفاده از طرح بندی html.

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

دانشمند بریتانیایی تیم برنرز لی زبان HTML را در سال های 1986-1991 در سوئیس توسعه داد. در اصل، html به شما امکان می دهد اسناد ساده و در عین حال زیبا ایجاد کنید. بعدها قابلیت های چندرسانه ای (ویدئو و ...) و پشتیبانی از کار با فرامتن (برای ایجاد لینک) به html اضافه شد.

برنامه های معروف مرورگر برای کار با HTML ایجاد شده اند، مانند:

• موزیلا فایرفاکس (موزیلا فایرفاکس)،
• اینترنت اکسپلورر (اینترنت اکسپلورر)
• گوگل کروم(گوگل کروم)،
• اپرا (اپرا)
• مرورگر Yandex،
• سافاری و
• دیگر.

در ابتدا، عملکرد اصلی مرورگر دقیقاً تفسیر کد HTML و نمایش نتیجه بصری بر روی صفحه نمایش مانیتور کاربر بود.

صفحه html چیست؟

اسناد، فایل ها، صفحات ایجاد شده به زبان html دارای پسوند html یا .htm هستند. به عنوان مثال، یک صفحه html (یا فایل html یا سند html) ممکن است نامی مانند:

• test.html
• html
• html یا
• title.html.

به طور دقیق، test.html نام فایل (یا نام صفحه)، جایی است که

• test نام فایل است و
• html یک پسوند نام فایل (یا پسوند نام صفحه) است که معمولاً به سادگی "پسوند" نامیده می شود.

امروزه کلمه فرمت به جای کلمه پسوند به یک گزینه رایج تر تبدیل شده است. بنابراین عبارت “html format” به این معنی است که فایل (یا صفحه) به زبان html نوشته شده است و نام چنین فایلی پسوند html. به معنای،

فایلی با نام test.html با فرمت html می باشد.

سیستم عامل ویندوز به طور پیش فرض پسوند فایل (یعنی فرمت های فایل) را پنهان می کند. برنامه نویسان این کار را "نه از روی بدخواهی" انجام دادند، بلکه به منظور محافظت از کاربر در برابر تغییر بدون فکر پسوند فایل ها. می توانید پسوندهای فایل را به صورت پیش فرض باز کنید. در ویندوز 7 برای انجام این کار:

• روی دکمه Start کلیک کنید،
• کنترل پنل را باز کنید،
• یافتن گزینه های پوشه،
• تب View را باز کنید، به پایین بروید و
• تیک کادر کنار گزینه «پنهان کردن پسوندها برای انواع فایل های شناخته شده» را بردارید.
• روی "OK" کلیک کنید.

برنج. 1. همه پسوندهای فایل را باز کنید

اگر اکنون به بالا نگاه کنید و به نوار آدرس مرورگر خود نگاه کنید، در آنجا نام صفحه ای را که در حال خواندن آن هستید و در انتهای نام .html وجود دارد. این نمونه ای از یک صفحه وبلاگ html است که در اینترنت ارسال شده است. معمولا یک وبلاگ (سایت) صفحات html زیادی دارد. به عنوان مثال، هر مقاله در این وبلاگ یک صفحه html جداگانه است.

همچنین سایت های تک صفحه ای در اینترنت وجود دارند که فقط از یک صفحه html تشکیل شده اند. به عنوان مثال می تواند باشد

• کارت ویزیت اینترنتی شخص یا شرکت یا
• صفحه ای که یک محصول یا خدمات را از طریق اینترنت می فروشد.

زبان HTML به طور مداوم در حال تکامل است و امروزه نسخه های مختلفی از آن وجود دارد که از HTML 2.0 در 22 سپتامبر 1995 شروع شده و به آخرین نسخه HTML 5 در 28 اکتبر 2014 ختم می شود. HTML 5.1 برای انتشار در سپتامبر 2016 برنامه ریزی شده است.

تگ های HTML چیست؟

HTML زبانی برای علامت گذاری اسناد با استفاده از برچسب ها است. برچسب ها در پرانتزهای مثلثی قرار می گیرند.< >" برچسب ها را می توان جفت یا غیر جفت کرد.

• به عنوان مثال، برچسب "b" محصور در پرانتزهای مثلثی، متن را پررنگ می کند

متن پررنگ

نتیجه به این صورت خواهد بود: متن پررنگ

• و تگ "i" متن را مورب می کند.

متن به صورت مورب

در نتیجه دریافت می کنیم: متن به صورت مورب

• همچنین یک برچسب برای شکستن رشته "br" وجود دارد.
• با استفاده از تگ "a href"، یک لینک برجسته شده است.
• برچسب برای عنوان سند - . این برچسبی است که سند را باز می کند. به این معنا جفت می شود که به تگ بسته شدن با اسلش نیاز دارد.
• بعد از عنوان قسمت اصلی می آید که بین تگ افتتاحیه قرار دارد و برچسب بستن. این تگ، مانند تگ head، یک جفت است: باید آن را باز کنید و به یاد داشته باشید که آن را ببندید.

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

تگ های HTML زیادی وجود دارد و به راحتی می توانید آموزش های HTML را در اینترنت پیدا کنید.

چگونه یک فایل html ایجاد کنیم

ایجاد یک صفحه html (یا فایل html) در رایانه و اجرای آن در مرورگر بسیار آسان است.

1) Notepad (یک ویرایشگر متن ساده که با ویندوز ارائه می شود) را باز کنید. با وارد کردن عبارت Notepad در نوار جستجو می توانید آن را در رایانه خود پیدا کنید.

2) متن زیر را کپی کرده و در Notepad قرار دهید:

سلام! این اولین صفحه HTML من است.

خط دوم، هورا!

3) نکته مهم، بدون آن فایل html کار نخواهد کرد: در Notepad ما فایل را دقیقاً (!) در قالب html ذخیره می کنیم، همانطور که در تصویر نشان داده شده است. برای سادگی، می توانید فایل را در دسکتاپ رایانه خود ذخیره کنید.

برنج. 2. به نوع فایل دقت کنید و فایل را با فرمت html ذخیره کنید

1 در شکل 2 – روی دسکتاپ کلیک کنید تا فایل html در آنجا ذخیره شود.
2 در شکل 3 – منوی کشویی مقابل «نوع فایل» را باز کنید.
3 – در این منو گزینه “All files” را انتخاب کنید.
4- هر نامی را وارد کنید (001 دارم) و بعد از اتمام دوره مطمئن شوید(!) html را وارد کنید.
5 در شکل 2- روی «ذخیره» کلیک کنید.

4) در دسکتاپ فایل 001.html را پیدا می کنیم:

برنج. 3. فایل Html روی دسکتاپ

مرورگر پیش فرض من Google Chrome است، بنابراین نماد فایل شبیه نماد این مرورگر است. اگر مرورگر پیش‌فرض دیگری وجود داشته باشد، فایل 001.html نماد دیگری خواهد داشت.

2 بار با ماوس روی فایل (شکل 3) کلیک می کنیم و در نتیجه صفحه اول خود را در html در مرورگر می بینیم:

برنج. 4. بررسی ظاهر صفحه html در مرورگر

بنابراین، ما یک محلی داریم صفحه htmlبه این معنا که فقط از شما در دسترس است، کامپیوتر محلی. برای اینکه این صفحه برای دیگران قابل دسترسی باشد، باید در اینترنت آپلود شود. به طور دقیق تر، آن را قرار دهید، که همیشه در دسترس است: 24/7/365 (24 ساعت شبانه روز، 7 روز هفته، در تمام طول سال). سپس هر کاربر اینترنتی می تواند چنین صفحه ای را ببیند.

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