زبان برنامه نویسی HTML چیست؟ راهنمای یادگیری و شروع به کار به زبان ساده فرادرس مجله‌

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

صفت های HTML چه هستند ؟

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

وظیفه اصلی CSS این است که ظاهر و نمای وب‌سایت را به شکل بسیار زیباتری طراحی کند. برای این کار تمام المان‌های موجود در صفحه از متن‌ها و تیتر‌ها گرفته تا تصاویر و دکمه‌ها را CSS طراحی می‌کند. اندازه این عناصر، رنگ و چیدمان آن‌ها حتی حرکت آن‌ها در صفحه وابسته به کدهای CSS است. CSS از زمان تولد در سال ۱۹۹۶ با هدف برآورده کردن احتیاجات رو به تغییر اینترنت به صورت دائم ارتقا داده شده است. با این کار، CSS به ثابت بودن ظاهر وب‌سایت بر روی مرورگر‌ها و وسایل مختلف کمک کرده است. با اینکه بعضی از ویژگی‌های CSS شاید زیادی پیچیده باشند، اما هدف اصلی آن جدا کردن محتوی وب‌سایت از کدهای مربوط به شکل و ظاهر آن است.

CSS تعداد بی‌شمار زیادی ویژگی برای پراختن به ظاهر متن و مدیریت کاراکترهای نویسه‌ای فراهم کرده است. از آن قبیل می‌توان به مشخصات فونت‌ها مانند Font-Family، اندازه فونت و وزن فونت در کنار مشخصات متن مانند Text-Align و Text-Decoration و Text-Transform و Line-Height اشاره کرد. همین‌ طور که در تصویر زیر می‌بینید سلکتور Element، عنصر HTML را هدف قرار داده و دستورات CSS را بر روی‌ آن اعمال می‌کند. بخش اول، مربوط به «ویژگی» (Property) مدل ظاهری است که باید اعمال شود و بخش دوم «مقدار» (Value) یا شدتی است که مدل مورد نظر باید طبق آن طراحی شود. در این بخش با دو پوزیشن relative و fixed آشنا میشویم و همچنین مفهوم flow مورد بحث قرار میگیرد.

همان‌طور که در ابتدا نیز بیان شد، عناصر HTML می‌توانند دارای تعدادی صفت باشند. سه تگ سطح بلوکی که هر سند HTML به آن نیاز دارد، شامل تگ‌های ، و است. در ادامه این بخش، توضیحاتی در خصوص کدهای بالا ارائه شده است. اگر هدف این باشد که جمله بالا به تنهایی و به صورت مستقل نشان داده شود، می‌توان به صورت زیر با قرار دادن آن در داخل یک تگ پاراگراف مشخص کرد که جمله بالا یک پاراگراف است. نزدیک به آغاز قرن بیست و یکم، W3C نسخه اولیه XHTML 1.0 را منتشر کرد.

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

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

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

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

تقاضا برای توسعه‌دهندگان وب ماهر نه‌تنها در عصر حاضر بسیار قابل توجه است، بلکه سودآور زیادی هم دارد. برای مثال در سال ١٤٠١، متوسط دستمزد توسعه‌دهندگان وب ٩٨٥٦٥ دلار تخمین زده شد که نشان‌دهنده پتانسیل مناسب این حوزه در دنیای برنامه نویسی است. از طرفی دیگر شرکت‌ها به هنگام استخدام توسعه‌دهندگان وب، به دنبال افرادی هستند که درک قوی از HTML دارند. برای توسعه وب HTML5 زبانی است که در هر صورت باید مورد استفاده قرار گیرد. بنابراین، در ادامه مطلب زبان برنامه نویسی HTML چیست مزایا و معایبی که ممکن است طراحان سایت در روند توسعه وب‌سایت با استفاده از HTML با آن مواجه شوند، ارائه شده است. این نسخه تغییری تعدیل‌یافته برای استانداردهای کنونی بود و بسیاری از گام‌های بزرگ‌تر برای نسخه‌های بعدی کنار گذاشته شدند.

در این بخش، ‌برای درک بهتر صفت های HTML یک مثال ساده استفاده از صفت HTML ارائه می‌شود. «[+] Codecademy» دوره‌های مقدماتی رایگانی را به همراه آموزش‌های تعاملی ارائه می‌دهد. همچنین این پلتفرم خارجی مجهز به نوعی رابط صفحه نمایش برای کدنویسی است که کاربران می‌توانند در آن تمرینات HTML را آغاز کرده و نتایج بلادرنگ را مشاهده کنند. اما انواع دیگری از سلکتور نیز وجود دارند که برای هدف گرفتن عناصر بر روی صفحات وب به کار برده می‌‌شوند. موارد معرفی شده در این بخش، مهمترین و رایج‌ترین سلکتورهای CSS هستند. CSS به جای فهرست کردن محتوای صفحه، فقط دستورات مختص به کدهای HTML را فهرست می‌کند.

بررسی تگ tbody

به جای استفاده از Flash Player می‌توان به راحتی فایل‌های صوتی و ویدئویی را با استفاده از تگ‌های و در صفحات وب قرار داد. همچنین، HTML5 از تصاویر گرافیکی برداری مقیاس‌پذیر (Scalable Vector Graphics | SVG) و MathML برای فرمول‌های ریاضی و علمی پشتیبانی می‌کند. این دوره برای افرادی که به طراحی صفحات وب علاقه‌مند هستند ارائه شده است.

۲.۱. تنظیمات پایه و فونت

در این بخش از مطلب زبان برنامه نویسی HTML چیست درک ساده و ابتدایی از HTML و کاربردهای آن ارائه شده است. به همراه HTML‌ و برای تکمیل آن، می‌توان از فناوری‌هایی مانند CSS و زبان‌های اسکریپت‌نویسی مثل جاوا اسکریپت برای ایجاد وب‌سایت‌ها کمک گرفت. اما، با توجه به اینکه استفاده از عبارت «زبان برنامه نویسی HTML» در میان عموم رایج است و توسط اکثر افراد از این اصطلاح استفاده می‌شود، در این مطلب نیز همین عبارت به کار برده شده است. توسعه صفحات وب یکی از پرطرفدارترین حوزه های برنامه نویسی میباشد.

از طرف دیگر، IndexDB یک سرویس ذخیره داده بزرگ‌تر و بهتر برای سمت کلاینت است. در گذشته، این امکان وجود نداشت که بتوان داده‌های مرورگر یک کاربر را در طول جلسه‌ها (Session) ذخیره کرد. برای دست‌یابی به چنین نیازمندی، باید زیرساخت‌های سمت سرور فراهم می‌شد و یا از Cookie‌های کاربران استفاده می‌شد. اما اکنون در HTML5 با استفاده از localStorage‌ و IndexDB می‌توان ذخیره‌سازی سمت کلاینت را انجام داد. بخشی از کاستی‌های HTML 3.0 را که منجر به کنار گذاشته شدن آن شد، می‌توان در ارتباط با حجم HTML 3.0 دانست. خوشبختانه، افراد مسئول متوجه این نارسایی شدند و در نتیجه، به‌روزرسانی‌های بعدی، مطابق با الگوی ساختار یافته (ماژولار | Modular) طراحی شدند.

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

این پلتفرم با استفاده از رویکردی مبتنی بر هدف، بر کاربردهای دنیای واقعی HTML تأکید دارد و آموزش ارائه می‌دهد. پس از تکمیل پروژه‌ها، شرکت‌کنندگان می‌توانند یک دوره مربیگری آنلاین را انتخاب کنند که پس از اتمام، گواهینامه نیز به آن‌ها اعطا می‌کند. «فرادرس» به عنوان یکی از قدیمی‌ترین پلتفرم‌های آموزش محور وب فارسی همواره با ارائه دوره‌های آموزشی به کاربران، خدمات زیادی داشته است.

محتوای ویدیویی و صوتی در HTML – راهنمای کاربردی

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

این مسئله موجب سردرگمی و خشم پیشگامان عرصه نشانه‌گذاری (Markup) شد. همان‌طور که در کد بالا ملاحظه می‌شود، صفت href در داخل تگ آغازین تعریف شده است. این آدرس اینترنتی در داخل متن «Visit FaraDars» تعبیه شده و در خروجی به صورت یک لینک آبی رنگ با یک خط در زیر آن، نمایش داده خواهد شد. ابرمتن (HyperText) یعنی متنی که دارای ارجاع (لینک) به سایر متن‌ها است. با استفاده از ابرمتن، کاربران می‌توانند بلافاصله به صفحات دیگر دسترسی پیدا کنند.

فیلم‌های آموزش طراحی سایت در قالب یک مجموعه آموزشی گردآوری شده‌اند. این مجموعه، شامل ۵۵ دوره آموزشی مختلف است که مدت زمانی آن‌ها در مجموع نزدیک به ۱۲۰ ساعت است. تاکنون، بیش از ۱۰۰ هزار دانشجو از محتوای دوره‌ها و عناوین این مجموعه استفاده کرده‌اند. HTML 2.0 به عنوان دومین نسخه از زبان برنامه نویسی HTML همه مشخصات نسخه اولیه HTML 1.0 را داشت و علاوه بر آن‌، چند ویژگی جدید را نیز به این مجموعه اضافه کرد.

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

این نسخه جدید به نام HTML 4.01 آخرین نسخه با این مشخصه بود. در مثال دوم از Padding هم استفاده کرده‌ و متن نوشته شده را نیز کمی جابه‌جا کرده‌ایم. در این بخش با خاصیت های table-layout و padding و نحوه نمایش hover در جداول آشنا میشویم.

این مسئله به وضوح نشان می‌داد که نیاز به وضع یک استاندارد جدید وجود دارد. بنابراین، ائتلاف شبکه جهانی وب (World Wide Web) که به اختصار W3C خوانده می‌شود، در سال ۱۳۷۲ تاسیس شد. هدف این سازمان، استانداردسازی زبان برنامه نویسی HTML و هدایت به‌روزرسانی‌های آن در مسیر درست است. اولین نسخه ارائه شده توسط W3C ابتدا WILBUR نام‌گذاری و بعدها به نام HTML 3.2 شناخته شد. لازم است به این مسئله توجه داشت که HTML‌ زبان برنامه نویسی نیست، بلکه یک زبان نشانه‌گذاری (Markup) است که ساختار محتوا را تعیین می‌کند.

HTML‌ چطور کار می‌کند ؟

سوال مهم دیگری که امکان مطرح شدن آن از طرف کاربران وجود دارد در مورد فایل‌های HTML است و در این مطلب از مجله فرادرس آن را بررسی می‌کنیم. اما فایل HTML چیست و شامل چه مواردی خواهد شد؟ این فایل‌ها که به آن‌ها اسناد HTML نیز گفته می‌شود، به عنوان اجزای سازنده وب‌سایت‌ها عمل می‌کنند. هر سند HTML با پسوند فایل «html.» یا «htm.» ذخیره می‌شود و تمام محتوای متنی و تگ‌های ضروری برای انتقال اطلاعات ثابت به مرورگر وب را در بر می‌گیرد. هر صفحه وب دارای انواع عناصر درون صفحه و خارج از صفحه است که همه به دقت در اسناد HTML ساختار یافته‌اند. تکامل شیوه‌های توسعه وب، به ویژه با ظهور CMS، رویکردی پویاتر و ساده‌تری را برای مدیریت و تولید صفحات وب ایجاد کرده است.

زبان نشانه گذاری HTML

ابرمتن روشی است که با استفاده از آن می‌توان در وب نقل مکان کرد. با کلیک کردن روی یک نوع متن خاص در صفحه وب که به آن ابرمتن گفته می‌شود، می‌توان از صفحه فعلی به صفحه دیگری رفت. خاصیت ماورایی (Hyper) بودن آن به این معناست که ماهیت خطی ندارد. یعنی می‌توان با کلیک کردن روی لینک‌ها در هر زمان به هر محل دلخواهی نقل مکان کرد و هیچ ترتیبی در آن وجود ندارد. «[+] W3Schools» نوعی سرویس رایگان است که درس‌های جامعی در مورد HTML پایه ارائه می‌دهد.

آموزش طراحی وبسایت با HTML و CSS: ایجاد یک قالب ساده و کاربردی

همچنین، مجموعه‌ای از مرتب‌سازی‌ها و اصلاحات تگ‌های قدیمی، تمرکز بر جهانی‌سازی و پشتیبانی از پدیده جدید صفحات پیاپی مشبک (Cascading Style Sheet | CSS) انجام شدند. در زمان معرفی HTML 3.0 افراد بیش‌تری وارد عرصه زبان برنامه نویسی HTML شده بودند. در حالی که استانداردهای قبلی قابلیت‌های مناسبی در اختیار مدیران سایت‌ها قرار می‌دادند، همچنان نیاز به امکانات و تگ‌های بیش‌تری احساس می‌شد. مدیران و گردانندگان سایت‌ها می‌خواستند وضعیت ظاهری سایت‌های خود را بهبود دهند.

یادگیری HTML چقدر زمان می‌برد ؟

کاربرد اصلی HTML این است، که با استفاده از تگ‌ها(Tag) قالب اصلی صفحات وب را پیاده سازی میکند. در اصل اسکلت اولیه صفحات وب با استفاده از تگ‌های HTML صورت میگیرد. هر کدام از این تگ‌ها کاربردهای خاص خود را دارند و باعث نمایش دقیق عناصر در صفحات وب می شوند. برای ساخت یک وبسایت حرفه‌ای باید از زبان‌های برنامه نویسی مختلفی استفاده كرد، اما برای همه مرورگرها HTML قابل مفهوم‌تر است، باید عناصر و کدها در HTML تعریف شود.

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

تصاویر واکنش‌گرا در صفحات وب

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

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

عنصر HTML

در تصویر بالا و مثالی که در اینجا ارائه شد، این محتوا تنها شامل متن است. به وسیله سازه‌های HTML امکان به کارگیری تصاویر و سایر اشیاء، همچون فُرم‌های تعاملی در صفحه رندر شده وجود دارد. در ادامه، عنصر (تگ) پاراگراف را که در بخش‌های قبلی این مطلب معرفی شد، تجزیه و به این ترتیب، ساختار HTML و اجزاء آن شرح داده شده است. در ادامه، تصویری از اجزاء و ساختار عنصر HTML به نمایش گذاشته شده است. HTML کاربرد گسترده‌ای در ایجاد صفحاتی دارد که در تارنمای جهان‌گستر (World Wide Web) یا همان وب (Web) به نمایش گذاشته می‌شود.

۱. ساختار کلی HTML

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

برای تبدیل فایل متنی به فرمت HTML باید پسوند آن را به «html.» تغییر داد. به عنوان مثال و برای نمایش ساختار یک صفحه HTML کدهای زیر باید در فایل ایجاد شده کپی شوند. در این بخش از مطلب زبان برنامه نویسی HTML برخی از شاخص‌ترین کاربردهای HTML ارائه شده است. یکی از ویژگی‌های پیش‌بینی شده HTML5 پشتیبانی بومی آن برای تعبیه صوت و ویدئو در سند HTML‌ است.

این یعنی می‌توان این به‌روزرسانی‌ها را به صورت مرحله‌ای و در سطوح مختلف اضافه کرد. این الگوی ساختاریافته باعث شد فرآیند پیاده‌سازی قابلیت‌های جدید برای شرکت‌های سازنده مرورگر ساده‌تر شود. اولین نسخه HTML که شامل ۱۸ تگ بود، توسط تیم برنرز-لی (Tim Berners-Lee) در اوایل دهه هفتاد شمسی نوشته شد. در مثال بالا، تگ‌ b به صورت در دو طرف جمله «این کلمات در داخل تگ درشت نشان داده خواهند شد» را احاطه کرده‌اند.

{
• با استفاده از HTML فقط می‌شود عبارت‌های نشانه‌گذاری شده‌ای را در صفحات اینترنتی نوشت.
|}
• در زمان معرفی HTML 3.0 افراد بیش‌تری وارد عرصه زبان برنامه نویسی HTML شده بودند.
• در واقع، HTML داده را برای مرورگر توصیف می‌کند تا مرورگر وب بتواند داده‌ها را به شکل مناسبی نمایش دهد.
{
• با کلیک کردن روی یک نوع متن خاص در صفحه وب که به آن ابرمتن گفته می‌شود، می‌توان از صفحه فعلی به صفحه دیگری رفت.
|}
• هر کسی باید یاد بگیره که چه‌طور کد بزنه چرا که برنامه‌نویسی به شما یاد می‌ده که چه‌طور فکر کنید.
{
• در فهرست پایین، چند مورد از فیلم‌های آموزشی CSS را معرفی کرده‌ایم.
|}

این مسئله، به طور بالقوه‌ای XML را تبدیل به یک زبان نشانه‌گذاری بسیار قدرتمند کرده است. به همین دلیل، جای تعجبی ندارد که W3C  یک نسخه XML از HTML‌ بسازد (که XHTML نامیده می‌شود). XHTML در سال 1380 تبدیل به یک استاندارد رسمی و در سال ۱۳۸۲ به‌روزرسانی شد. XHTML بسیار مشابه HTML است اما،‌ قوانین سفت و سخت‌تری دارد.

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

تنظیمات ویژوال استودیو کد – آموزش از صفر تا صد

یادگیری HTML فرصت‌هایی را برای سفارشی کردن قالب‌های سیستم‌های مدیریت محتوا مانند وردپرس باز می‌کند. به اين دليل كه حوزه طراحي صفحات وب در حال توسعه و تكامل است. همانگونه كه گفته شد HTML و CSS دو ابزار مهم صفحات وب هستند و نقشی اساسی در تغییرات صفحات وب ایفا می کنند.

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

به طور کلی هر صفحه وب دارای دو بخش Client Side و Server Side است. دوم شکل، شمایل و رنگ و لعاب صفحه است که باید در CSS تعیین شود و سوم منطق برنامه در سمت کلاینت است که با زبان‌های برنامه نویسی مانند JavaScript نوشته می‌شود. در زبان برنامه نویسی HTML‌ می‌توان عناصر را در داخل عناصر دیگر قرار داد. به عنوان مثال، اگر لازم باشد یکی از کلمات در یک جمله با فونت درشت نمایش داده شود، می‌توان آن کلمه را در داخل یک تگ قرار داد. صفت‌ها حاوی اطلاعات بیش‌تر در مورد یک عنصر هستند که قرار نیست در محتوای خروجی نمایش داده شوند. در اینجا، class نام یک صفت است و editor-note مقدار این صفت است.

HTML به طور مداوم در حال بازبینی و تحول است تا بتواند تقاضا و نیازمندی‌های روزافزون مخاطبان اینترنت را تحت مدیریت کارگروه W3C برآورده کند. W3C‌ سازمانی است که مسئولیت طراحی و نگهداری زبان برنامه نویسی HTML را برعهده دارد. آن‌ها خود را کارگروه تعیین تکنولوژی نحوه استفاده از ابرمتن وب (Hypertext Application Technology Working Group | WHATWG) نامیدند و یک نسخه جدید توسعه دادند. پس از بررسی و واکاوی‌های متعدد، W3C‌ به این نتیجه رسید که HTML همچنان آینده وب به حساب می‌آید. پروژه XHTML 2 متوقف و HTML5 تبدیل به نسخه جدیدی شد که تلاش و کوشش همگان باید به آن معطوف می‌شد. HTML5 نسخه‌ای است که برای مدت‌ها مورد استفاده قرار گرفته و خواهد گرفت.