آموزش html فرادرس2024-09-17

مجموعه‌های آموزشی فرادرس

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

phpMyAdmin چیست و چه کاربردی دارد؟ – هر آنچه باید بدانید

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

    {
  • و نسخه IE5 که پیشتاز بازار بود (و به دنبال آن نسخه IE6)، پشتیبانی فوق‌العاده‌ای برای همه تگ‌ها و صفت‌ها (Attribute) ارائه می‌کرد.
  • |}
  • در مقایسه،‌ مرورگر پرنقص Navigator 4.7 شرکت Netscape در خصوص پشتیبانی از HTML 4.01 و حتی CSS کاملاً نا‌توان بود.
  • {
  • عبارت UPDATE برای پیاده‌سازی دستور UPDATE  به کار برده می‌‌شود.
  • |}{
  • این ویژگی‌ها نه تنها تعامل کاربر را افزایش می‌دهد، بلکه بازدیدکنندگان را قادر می‌سازد تا تجربه خود را بر اساس اولویت‌ها و نیازها تنظیم کنند.
  • |}
  • در حالی که HTML و CSS زبان‌های نشانه‌گذاری هستند، جاوا اسکریپت نوعی زبان برنامه‌ نویسی کامل محسوب می‌شود.
  • حتی می‌توان وایریشگرهای متن ساده نیز برای این هدف استفاده کرد.

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

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

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

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

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

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

معرفی نسخه سه HTML

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

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

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

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

۲. ایجاد ساختار HTML سایت

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

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

Contact Us
PNL DEV
Email: info@pnldev.com
Phone: 09145622900
TEHRAN
TEHRAN, IRAN, IRAN

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

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

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

کدنویسی وب‌ سایت چقدر طول می‌ کشد؟

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

مثالی برای تگ HTML

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

CRUD چیست؟‌ – از مفهوم تا اجرا به زبان ساده

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

{

دوره آموزش HTML CSS رایگان (پادشاهی در وب)

|}

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

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

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

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

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

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

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

{

۶. ذخیره فایل و اجرا در مرورگر

|}

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

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

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

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

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

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

{

۵. واکنش گرا کردن سایت ساخته شده

|}

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

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

{

پرکاربرترین تگ های HTML

|}

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

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

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

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

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

{Programming|Programación|Programmation|Programmierung|编程 (Biānchéng)|プログラミング (Puroguramingu)|Программирование (Programmirovaniye)|برمجة (Barmaja)|Programação|Programmazione|Programlama|프로그래밍 (Peurogeuraeming)|प्रोग्रामिंग (Programming)|Programmeren|Programmering|Programowanie|Lập trình|การเขียนโปรแกรม (Kār k̄hī̂n progrām)|Προγραμματισμός (Programmatismós)|Ohjelmointi|برنامه نویسی} https://pnldev.com/fa
آموزش html صفر تا صد