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

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

اولین نسخه HTML که شامل ۱۸ تگ بود، توسط تیم برنرز-لی (Tim Berners-Lee) در اوایل دهه هفتاد شمسی نوشته شد. پیش از ادامه این مبحث لازم است یادآور شویم که می‌توانید اچ تی ام ال را با استفاده از مجموعه آموزش اچ تی ام ال، مقدماتی تا پیشرفته فرادرس یاد بگیرید. در این قسمت از مطلب، نوشتن دستورات CRUD را با استفاده از دستورات «زبان‌ کوئری نویسی ساخت‌یافته» (Structure Query Language | SQL) نمایش داده‌ایم. همین‌طور که اشاره شد، دستورات CRUD در اپلیکیشن‌های مربوط به پایگاه داده هم استفاده می‌شوند. این‌ عملیات حتی برای کار در پایگاه‌های داده غیررابطه‌ای NoSQL مانند MongoDB و Apache Cassandra و AWS DynamoDB نیز به کار برده می‌‌شوند. عملیات خواندن اطلاعات، هرگز نباید هیچ تغییری در اطلاعات موجود در منبع ایجاد کند.

تگ‌های بین‌متنی رایج

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

CSS سرنامی برای عبارت Cascading Style Sheet به معنی صفحات پیاپی مشبک است. CSS وضعیت ظاهری عناصر HTML را در صفحه نمایش، کاغذ یا سایر رسانه‌ها توصیف می‌کند. صفحات پیاپی مشبک برای قالب‌بندی آرایش صفحات وب استفاده می‌شوند.

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

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

تگ‌ها یا برچسب‌های HTML بین یک علامت کوچک‌تر و یک علامت بزرگ‌تر یا در واقع در داخل پرانتز گوشه‌‌دار (Angle-Bracket) مثل قرار می‌گیرند. امکان قرار دادن همه نوع چندرسانه مثل عکس، جدول و موارد دیگر در‌ یک صفحه وب، به وسیله تگ‌های HTML وجود دارد. تنها لازم است آنچه که مرورگر باید در صفحه رندر (Render | پردازش) کند را تعیین و مشخص کرد. طراحی و برنامه نویسی سایت‌ها تقریبا مهم‌ترین حوزه‌هایی هستند که در آن‌ها متوجه می‌شویم که ضرورت استفاده از CRUD چیست.

Function در SQL چیست؟ – توضیح به زبان ساده با نمونه کد آماده

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

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

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

قدم های بعدی در طراحی سایت

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

بعد از اجرای این درخواست، دیگری هیچ غذایی dish  با شماره شناسایی در منبع غذاها dishes  وجود ندارد. برای مثال فرض کنیم که به دلیل کمبود آوکادو در رستوران دیگر قادر به ارائه غذای Avocado Toast  نیستیم. اکنون باید به سراغ پایگاه داده رفته و ردیف مربوط به غذای Avocado Toast  را از آن حذف کنیم.

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

در مثال بالا، Thبرای هدر جدول (ردیف اول) استفاده می‌شود و tdبرای سلول‌های داده واقعی استفاده خواهد شد. جدول فوق سبک و استایل خاصی ندارد و برای استایل بخشیدن به آن باید از زبان شیوه‌نامه CSS استفاده کرد. همچنین عبارت «image.jpg/..» یعنی در یک پوشه قبل قرار دارد و عبارت «image.jpg/../..» به دو پوشه‌ی قبل اشاره می‌کند.

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

برای اینکه بدانیم رابطه پایگاه داده با CRUD چیست، تمام دستورات چهارگانه را یک به یک همراه با نمایش مثال ساده‌ای توضیح داده‌ایم. تمام کارهای کدنویسی ما در فایل‌های جداگانه‌ای که در دستگاه محلی خود ذخیره می‌کنیم انجام می‌شود. با ایجاد پوشه‌ای جدید برای فایل‌های وب‌سایت خود، کار را شروع خواهیم کرد و نام آن را Faradars-testخواهیم گذاشت. اکنون، باید پوشه را در ویرایشگر کد انتخابی خود باز کرده و در مرحله بعد فایلی به نام، .index.htmlایجاد و در این فایل کدهای HTML خود را بنویسم. توجه به این نکته مهم است که نام‌هایی که برای فایل و پوشه‌های این آموزش انتخاب می‌شوند کاملاً فرضی هستند و کاربر به‌دلخواه خود می‌تواند آن‌ها را تغییر دهد.

عناصر خالی

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

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

برخی از این زبان‌ها شامل GML (زبان نشانه‌گذاری جغرافیا | Geography Markup Language) یا MathML ، MusicML و RSS (هم‌نشری بسیار ساده | Really Simple Syndication) است. HTML 2.0 تا اواسط سال ۱۳۷۵ استاندارد طراحی وب محسوب می‌شد و ویژگی‌های کلیدی بسیاری را برای نخستین بار معرفی کرد. در مثال بالا، تگ‌ b به صورت در دو طرف جمله «این کلمات در داخل تگ درشت نشان داده خواهند شد» را احاطه کرده‌اند. تأثیر تگ این است که از طریق یک مرورگر عادی، متن داخل آن به صورت درشت (بولد | Bold) نشان داده خواهد شد.

عنصر HTML

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

اگر بخواهیم که آیتم جدیدی ایجاد کنیم باید درخواست POST  را به کار ببریم. در زمان ساختن API-ها تمام مدل‌های طراحی شده باید بتوانند ۴ عملیات اصلی را انجام دهند. در فهرست زیر، توضیح مختصری را برای معرفی عملیات CRUD نوشته‌ایم. هدف از این راهنما آشنایی ابتدایی با زبان اچ‌تی‌ام‌ال و تمرین کردن نوشتن عناصر مختلف اچ‌تی‌ام‌ال است.

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

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

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

از طرف دیگر، IndexDB یک سرویس ذخیره داده بزرگ‌تر و بهتر برای سمت کلاینت است. همچنین، HTML5 بهبودهایی را برای اجزاء معنایی (Semantic) نیز معرفی کرده است. تگ‌های معنایی جدید، مرورگرها را در مورد مفهوم محتوا مطلع می‌سازند که این مسئله هم به سود خوانندگان و هم به سود موتورهای جستجو است.

ایجاد وب‌سایتی جذاب و متمایز برای به جا گذاشتن تأثیری ماندگار بر کاربران بسیار مهم است. این زبان نشانه‌گذاری به عنوان مجموعه‌ای از دستورالعمل‌ها برای مرورگرهای وب عمل کرده و نمایش بصری را هنگام ورود بازدیدکنندگان به وب‌سایت‌ها را امکان‌پذیر خواهد کرد. در مطلب پیش رو از مجله فرادرس اطلاعات کاملی از این که HTML چیست و چه کاربردی دارد و چطور باید از آن استفاده کرد و غیره ارائه خواهد شد. در پایان مطالعه این مطلب کاربران درک اولیه نسبتاً خوبی از HTML به دست خواهند آورد و با اطمینان بیشتری تصمیم به یادگیری آن خواهند گرفت.

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

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

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

آشنایی و تسلط بر روی دیتابیس های مختلف

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

افزودن محتوا به تگ Body

قوانین سختگیرانه برای تمام زبان‌های XML‌ضروری است چرا که، بدون آن هم‌کنش‌پذیری (Interoperability) میان برنامه‌ها امکان‌پذیر نبود. بعد از اینکه متوجه شدیم CRUD چیست، در بخش بعدی مطلب به بیان دستورات معادل CRUD در پایگاه‌های داده رابطه‌ای پرداخته‌ایم. هر چند در صورت تمایل به کار کردن بر روی پایگاه‌های داده لازم است که با دستورات بیشتری نیز آشنا شویم. در بعضی از این پایگاه‌های داده از زبان SQL با سینتکس مشابه هم استفاده می‌شود. بعضی دیگر هم از قواعد NoSQL برای کوئری‌نویسی استفاده می‌کنند. در این بخش، فیلم‌های آموزشی مربوط به چند مورد از این پایگاه‌های داده را معرفی کرده‌ایم.

جمع بندی دوره آموزش HTML

اما، HTML کاربردهای دیگری نیز دارد که از جمله می‌توان به ساخت سند وب، ناوبری اینترنتی، ایجاد تصاویر واکنش‌گرا، ذخیره‌سازی سمت کلاینت و سایر موارد اشاره کرد. در این زمان، یک کارگروه HTML تحت هدایت دِیو راگت (Dave Raggett) یک پیش‌نویس HTML جدید را به نام HTML 3.0 معرفی کردند. این نسخه، دارای قابلیت‌های ارتقایافته بسیاری برای HTML بود و فرصت‌های خیلی بیش‌تری را برای مدیران سایت‌ها جهت طراحی صفحات فراهم می‌کرد. متأسفانه، مرورگرهای آن زمان در پیاده‌سازی هر کدام از به‌روزرسانی‌های جدید، بسیار کند عمل می‌کردند. این مرورگرها تنها برخی از قابلیت‌های جدید را پیاده‌سازی کرده و باقی آن‌ها را کنار می‌گذاشتند. ابرمتن (HyperText) یعنی متنی که دارای ارجاع (لینک) به سایر متن‌ها است.

• این به شما کمک می‌کند تا در نتایج جستجوی آنلاین برتری کسب کنید و به تجربه کاربران خود بیشترین ارزش را ارائه دهید.
• به‌عبارتی‌دیگر HTML وسیله ارتباطی است که به مرورگر آموزش می‌دهد که چگونه محتوا را بر روی صفحه‌نمایش دهد.
• در این بخش، فیلم‌های آموزشی مربوط به چند مورد از این پایگاه‌های داده را معرفی کرده‌ایم.
{
• این قابلیت تضمین می‌کند که صفحه وب در پلت‌فرم‌های مختلف به‌طور قابل پیش‌بینی رفتار می‌کند و تجربه کاربری را بهبود می‌بخشد.
|}{
• این استاندارد جدید به سرعت محبوب شد و در سال ۱۳۷۵ به استاندارد رسمی زبان برنامه نویسی HTML بدل شد.
|}{
• انتظار می‌رود این پردازش (رندر | Render) صفحه مربوطه، به نحو مورد انتظار خالق سایت انجام شود.
|}

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

تگ های HTML‌ چه هستند ؟

با توجه به پاسخ برگشت داده شده از سرور، می‌توان مشاهده کvn که اطلاعات مربوط به غذای Avocado Toast  با قیمت 8  با موفقیت ساخته شده و به منبع لیست غذاها نیز اضافه شد. برای اینکه کدهای CSS نوشته‌شده بر HTML تأثیر بگذارد، باید به مرورگر دستور داد که CSS را اعمال کند. این ساختارها به سازمان‌دهی محتوا به صورت سلسله مراتبی کمک می‌کند و دسترسی و خوانایی سند HTML را بهبود می‌بخشد.

در این مطلب متوجه شدیم که CRUD چیست و از چه دستور‌هایی تشکیل شده است. به طور خلاصه این عبارت ۴ عملیات رایج و ضروری بر روی پایگاه داده را نشان می‌دهد. عبارت DELETE  برای پیاده‌سازی دستور DELETE  به کار برده می‌‌شود. عبارت UPDATE برای پیاده‌سازی دستور UPDATE  به کار برده می‌‌شود.

۳. استایل بخشیدن به صفحه با CSS

با این حال، در عصر حاضر وب‌سایت‌های زیادی با استفاده از «سیستم مدیریت محتوا» (CMS) مانند وردپرس ایجاد می‌شوند. CMSها با ارائه نوعی رابط بصری برای ساخت صفحات وب و سازمان‌دهی سایت، نیاز به کدنویسی را از بین می‌برند. علاوه بر این، کتابخانه‌های قالب‌های CMS می‌توانند به کاربر در ایجاد وب‌سایت‌های واکنش‌گرا بدون نیاز به کدنویسی کمک کرده و از سازگاری در دستگاه‌های مختلف اطمینان حاصل خواهد کرد.

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

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

۵ گام برای درک کدهای پایه HTML – آموزش مقدماتی

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

در سال ۱۴۰۱ ( 2022 میلادی)، طبق آمار، اینترنت میزبان مجموعه گسترده‌ای از بیش از ۳.۵۶ میلیارد صفحه وب بوده که بخش قابل‌توجهی از آن‌ها به فایل‌های ساده HTML متکی هستند. توجه به این نکته مهم است که این آمار مربوط به کل صفحات وب منفرد است، نه کل وب‌سایت‌ها. در حالت عادی وب‌سایتی با ۱۵۰ صفحه، ۱۵۰ فایل HTML جداگانه دارد. از طرفی دیگر، شیوه‌های معاصر در تولید صفحات وب بسیار تکامل یافته است.

این کد به معنای موفقیت در انجام درخواست ارسال شده به سرور است. البته بعضی وقت‌ها هم کد 204  به معنای «بدون محتوا» (NO CONTENT ) به کاربر برگردانده می‌شود. این کد هم به معنای موفقیت در اجرای درخواست است اما هیچ داده‌ای را در بدنه پاسخ برنمی‌گرداند. با استفاده از متد GET  برای ارسال درخواست‌های HTTP می‌توان اطلاعات عنصر‌ها را به صورت مجزا از دیگران هم مطالعه کرد. برای انجام این کار لازم است که id  مربوط به آن عنصر را به صورت صریح در درخواست مشخص کنیم.

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

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

اما اکنون در HTML5 با استفاده از localStorage‌ و IndexDB می‌توان ذخیره‌سازی سمت کلاینت را انجام داد. مجموعه آموزشی طراحی سایت با HTML و CSS علاوه بر دوره‌هایی که در بالا معرفی شدند، دارای ۹ عنوان آموزشی دیگر نیز هست. در توسعه وب مدرن، رویکرد مرسوم این است که از استفاده از ویژگی styleبرای تنظیمات طراحی عناصر خودداری شود. در عوض، استفاده از نوعی شیوه‌نامه CSS جداگانه برای استایل بخشیدن به کل صفحه استفاده می‌شود.

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