آموزش HTML یادگیری HTML مقدماتی تا پیشرفته رایگان

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

بهترین متد هش در PHP‌ چیست؟ – آموزش هش به زبان ساده

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

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

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

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

۴. ایجاد ارتباط بین HTML و CSS

در صورت نیاز بتوانند داده‌ها را به‌روزرسانی کرده و حتی حذف کنند. اپلیکیشن‌های کاملی که از CRUD پشتیبانی می‌کنند شامل سه بخش مهم هستند. این بخش‌ها شامل «API و سرور»، «پایگاه داده» و «رابط کاربری» هستند. پایگاه داده اطلاعات کاربر را ذخیره کرده و به فراخوانی این اطلاعات توسط کاربران کمک می‌کند. برنامه‌های CRUD را با استفاده از هر زبان برنامه‌نویسی می‌توان نوشت.

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

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

گام دوم: تقسیم‌بندی بخش‌های HTML، ‏HEAD و BODY

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

اضافه کردن عناصر ابر داده به صفحه سایت

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

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

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

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

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

با توجه به پروژه خود تصمیم می‌گیریم که از چه پایگاه داده‌ای استفاده کنیم. در صورت تمایل به مشاهده فیلم‌های بیشتر بر روی تصویر بالا کلیک کرده و وارد صفحه اصلی مجموعه فیلم‌های آموزشی مربوط به طراحی و برنامه نویسی سایت‌‌ها شوید. این عملیات باید شامل تابعی برای افزودن کتاب به کاتالوگ کتابخانه شود. برنامه‌ای که این تابع را فراخوانی می‌کند، باید اطلاعاتی مانند نام کتاب «title»، نام نویسنده «author» و شماره شابک «ISBN » را به تابع ارسال کند. بعد از فراخوانده شدن این تابع باید شیء کتاب جدیدی به منبع کتاب‌ها books  افزوده شود.

مسیرهای یادگیری

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

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

در کنار HTML، از یک زبان اسکریپت‌نویسی سازگار با Internet Explorer نیز برای ساخت اپلیکیشن HTML استفاده می‌شود. مسیری که XHTML 2 در آن قرار گرفته بود کم‌کم کسل‌کننده و غیر واقع‌گرایانه به نظر می‌رسید. تا اینکه، تعدادی از هواداران عمل‌گرا در حوزه فناوری وب و برنامه‌نویسان مرورگر، ساخت نسخه جدیدی خارج از حیطه معمول سازوکار W3C را آغاز کردند. بخشی از کاستی‌های HTML 3.0 را که منجر به کنار گذاشته شدن آن شد، می‌توان در ارتباط با حجم HTML 3.0 دانست. خوشبختانه، افراد مسئول متوجه این نارسایی شدند و در نتیجه، به‌روزرسانی‌های بعدی، مطابق با الگوی ساختار یافته (ماژولار | Modular) طراحی شدند.

برای مثال، صفحه اول سایت، صفحه «درباره ما»، صفحه اطلاعات تماس و سایر صفحات همگی مستندات HTML مخصوص به خود را دارند. هر صفحه HTML شامل تعدادی تگ است که عنصر (Element) نیز نامیده می‌شوند. این عناصر یک سلسله مراتب ایجاد می‌کنند که به محتوا در قالب بخش‌ها (Sections)‌، پاراگراف‌ها،‌ سربرگ‌ها و سایر اجزاء سازمان می‌دهند. پیش از ظهور HTML5 توسعه بازی تحت وب محدود به Flash و Silverlight بود. چون مرورگرها از ملزومات جدید برای HTML5 مثل CSS3 و موتور سریع و سبک جاوا اسکریپت برای ایجاد تجربه مطلوب پشتیبانی می‌کنند،‌ HTML5‌ می‌تواند امکان توسعه بازی را به واقعیت تبدیل کند. بلکه، می‌توان از ویژگی‌های مناسب و مطلوب استفاده کرده و سایر آن‌ها را حذف کرد.

در گام‌های بعدی برخی از تگ‌های مرسوم را مورد بررسی قرار خواهیم داد. در مقایسه،‌ مرورگر پرنقص Navigator 4.7 شرکت Netscape در خصوص پشتیبانی از HTML 4.01 و حتی CSS کاملاً نا‌توان بود. کمی پس از انتشار HTML 4.0 مستندات آن بازبینی و در برخی موارد اصلاحاتی انجام شد.

همچنین، ابرلینک‌ها (Hyperlink) عناصر بین‌متنی (بین‌خطی | Inline) هستند که به وسیله تگ‌های احاطه شده و صفت href برای تعیین مقصد لینک استفاده می‌شود. یک HTA‌ بدون محدویت‌های مدل امنیتی مرورگر اینترنت اجرا می‌شود. در واقع، اپلیکیشن HTML به عنوان یک برنامه کاربردی «کاملاً مورد اعتماد» (Fully Trusted) اجرا می‌شود. نزدیک به آغاز قرن بیست و یکم، W3C نسخه اولیه XHTML 1.0 را منتشر کرد. این نسخه از اواخر ۱۳۷۸ به طور مشترک با HTML 4.01 به عنوان استاندارد اصلی شناخته می‌شد. XHTML تحولی در نحوه عملکرد مشخصات جدید و به عنوان شاخه جدیدی از HTML به حساب می‌آید.

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

بیشتر اوقات دستور‌های CRUD در محیط REST به ترتیب به متدهای POST  و GET  و PUT  و DELETE  - کدهای HTTP - اشاره می‌کنند. این متدها، عناصر بنیادین سیستمی هستند که برای ذخیره‌سازی دائمی اطلاعات به کار برده می‌شود. در ادامه مطلب و با هدف اینکه بهتر متوجه شویم CRUD چیست، تمام این عملیات را به طور کامل شرح داده و روش کار هر کدام را همراه با مثال‌های ساده‌‌ای بیان می‌کنیم.

قالب بندی سند HTML

اگر بخواهیم عرض‌های ثابتی را برای چیدمان عناصر تشکیل‌دهنده صفحه وب حفظ کنیم، پرس‌وجوهای رسانه مؤثر هستند. همانطور که در مثال قبل دیده شد، ما خواستیم که ایموجی با عرض ۴۰۰ پیکسل نمایش داده شود و سپس به ۳۰۰  پیکسل کاهش یابد. فایل اصلی پروژه در حال حاضر خالی است و باید ساختار سند HTML را به آن اضافه کرد. در دوره آموزش flexbox قصد داریم شما را به صورت کامل با Flex Box  آشنا کنیم به نحوی که بتوانید به راحتی از آن در پروژه های خود استفاده کنید. همچنین جهت تکمیل فرایند یادگیری خود میتوانید از وبسایت  css-tricks برای آموزش flexbox استفاده کنید.

فقط باید پسوند فایل‌ها دقت کرد و برای فایل‌های HTML، پسوند .htmlو برای فایل‌های CSS، پسوند .cssانتخاب کرد. انتخاب نوعی ویرایشگر کد مرحله‌ای ضروری برای توسعه‌دهندگان جدید است زیرا این ابزارها ویژگی‌هایی را ارائه می‌دهند که فرآیند کدنویسی را ساده می‌کند. همچنین این «محیط توسعه یکپارچه» (IDE) تکمیل خودکار برای بستن تگ‌های HTML و نشانگرهای بصری در فایل‌های کاربر را ارائه می‌دهد که تشخیص بخش‌های مختلف کد را آسان‌تر می‌کند. نشانه‌گذاری (Markup) کاری است که تگ‌های اچ‌تی‌ام‌ال (برچسب اچ‌تی‌ام‌ال | HTML Tag) با متن داخل‌شان انجام می‌دهند.

در ادامه،‌ برخی از تگ‌های سطح بلوکی رایج فهرست شده و توضیحاتی در خصوص آن‌ها ارائه شده است. سه تگ سطح بلوکی که هر سند HTML به آن نیاز دارد، شامل تگ‌های ، و است. اگر هدف این باشد که جمله بالا به تنهایی و به صورت مستقل نشان داده شود، می‌توان به صورت زیر با قرار دادن آن در داخل یک تگ پاراگراف مشخص کرد که جمله بالا یک پاراگراف است. HTML 4.01 در اواسط ۱۳۷۶ توسط W3C ارائه و در ابتدای سال ۱۳۷۷ تبدیل به استاندارد رسمی شد. پشتیبانی از HTML 4.01 در مرورگر اینترنت اکسپلورر به طور شگفت‌آوری توسط مایکروسافت جدی گرفته شد. و نسخه IE5 که پیشتاز بازار بود (و به دنبال آن نسخه IE6)، پشتیبانی فوق‌العاده‌ای برای همه تگ‌ها و صفت‌ها (Attribute) ارائه می‌کرد.

علاوه بر این ، می‌توان نوعی ویژگی به نام altبه معنای متن جایگزین درج کرد. این متن تصویر را در صورت عدم بارگیری برای کاربر توصیف خواهد کرد. این تازه شروع کار هست و در ادامه با یادگیری زبان های برنامه نویسی وب برای طراحی سایت ، به یک برنامه نویس کامل تبدیل میشید و زنگ شروع کسب درآمد برای شما به صدا در میاد. بخش اول «style» نام دارد که مربوط به زیبایی صفحه‌ی ما می‌شود و بخش دوم نیز «referring» است که مربوط به نشانه‌گذاری و نمایش موقعیت خاصی در داخل سند می‌شود. پیچیده‌ترین کاری که با HTML می‌توان انجام داد کشیدن جدول یا ایجاد «قاب» (frame) است.

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

کاربران پس از پایان مطالعه این مطلب درک نسبتاً خوبی از نحوه ساخت سایت‌های اینترنتی کسب خواهند کرد و تا حدودی این مطلب به عنوان نوعی نقشه راه برای آن‌ها عمل کرد. قبل از پرداختن به جزئیات مسئله، ضروری است دو سؤال رایجی که برای علاقه‌مندان به این حوزه پیش می‌آید را مورد بررسی قرار دهیم تا درک درست و منطقی از فرایند پیشِ‌ رو داشته باشیم. مثال دوم که با علامت «Example-2» مشخص شده است، تگی را نشان می‌دهد که به تنهایی کار می‌کند و نیازی به بسته شدن ندارد (هر چند که بحث‌های زیادی در این مورد وجود دارد). با این که نیازی به بستن این تگ‌ها نیست، با این حال برخی از افراد آن را به صورت می‌نویسند تا به عبارتی آن را در جای خود بسته باشند.

افزودن تصاویر به صفحه وب

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

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

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

مدیا کوئری یا پرس و جوی رسانه ای در CSS

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

توسعه صفحات وب

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

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

یادگیری HTML با General Assembly Dash

برای درک بهتر،‌ اگر فرض شود HTML‌ یک انسان است، می‌توان‌ CSS را مثل لباس‌های او و جاوا اسکریپت را حرکات و رفتار وی در نظر گرفت. در گذشته، این امکان وجود نداشت که بتوان داده‌های مرورگر یک کاربر را در طول جلسه‌ها (Session) ذخیره کرد. برای دست‌یابی به چنین نیازمندی، باید زیرساخت‌های سمت سرور فراهم می‌شد و یا از Cookie‌های کاربران استفاده می‌شد.

برای مثال، به منظور آشنایی با آن در وردپرس می‌توانید فیلم آموزش REST API در وردپرس برای کار با داده های پایگاه داده را از فرادرس مشاهده کنید. عبارت CRUD سرنامی از دستور‌های Create و Read و Update و Delete است. این چهار دستور، توابع پایه‌ای هستند که هر نرم‌افزار کاربردی باید بتواند انجام دهد. برای خواندن داده‌ها با کمک رابط کاربری، دسترسی مورد نیاز را داشته باشند.

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

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

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

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

HTML مخفف «HyperText Markup Language» و به معنای «زبان نشانه‌گذاری فرامتن» است. به زبان ساده‌تر، HTML کمک می‌کند تا متون شما زیباتر به نظر برسند. حتی همین صفحه‌ای که مشاهده می‌کنید نیز به زبان HTML نوشته شده است. برای ساخت یک صفحه HTML می‌توان از یک ویرایش‌گر متن ساده مثل نرم‌افزار Notepad‌ استفاده کرد. برای تبدیل فایل متنی به فرمت HTML باید پسوند آن را به «html.» تغییر داد. به عنوان مثال و برای نمایش ساختار یک صفحه HTML کدهای زیر باید در فایل ایجاد شده کپی شوند.

در پایگاه داده روش پیاده سازی CRUD چیست؟

HTML زبان نشانه‌گذاری است که برای توصیف ساختار و محتوای صفحات وب استفاده می‌شود. این زبان توسط تیمی از محققان وب در سال ۱۹۸۹ ایجاد شد و اکنون توسط سازمان جهانی وب (W۳C) توسعه و استانداردسازی می‌شود. HTML اساسی‌ترین زبان مورد استفاده در توسعه وب است و همچنین با استفاده از زبان‌ها و تکنولوژی‌های دیگر مانند CSS و JavaScript قابلیت‌های پیشرفته‌تری را نیز فراهم می‌کند.

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

مثالی برای صفت HTML

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

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

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

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