آموزش HTML | آموزش کامل HTML و HTML5 | صفر تا صد

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

HTML مخفف کلمات Hyper Text Markup Language است که ترجمه فارسی آن برابر با زبان برچسب‌گذاری ابر متن خواهد بود. HTML یک زبان برنامه‌نویسی نیست بلکه یک زبان برای نشانه‌گذاری یا Markup است. تفاوت یک زبان برنامه‌نویسی و یک زبان نشانه‌گذاری در شکل محتوای آن‌هاست. زبان‌های برنامه‌نویسی برای اجرای یک تابع، انجام کارکردی منطقی و… استفاده می‌شود اما HTML در واقع سنگ بنایی برای نمایش و تحویل محتوا است. در یک زبان برچسب یا نشانه‌گذاری ابزار اصلی ما تگ‌ها هستند، آن‌ها به ما قدرت نمایش محتوا در قالب‌های متفاوت را می‌دهند.توصیه میشود ( دوره آموزشی طراحی سایت ) را نیز مشاهده کنید

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

نسخه‌های مختلف HTML

تا به کنون برای HTML پنج نسخه به اضافه یک نسخه (XHTML) توسعه داده شده است.

• HTML در ابتدا در سال ۱۹۹۱ منتشر شد.
• HTML 2.0 در ۱۹۹۵ منتشر شد.
• HTML 3.2 در ۱۹۹۷ منتشر شد.
• HTML 4.01 در ۱۹۹۹-۲۰۰۰ منتشر شد.
• و HTML5 که آخرین و پیشرفته‌ترین نسخه از HTML است را در سال ۲۰۱۴ منتشر کردند.

هدف این دوره آموزش html در ابتدا آشنایی شما با مبانی HTML –که تقریبا در تمام نسخه‌ها یکی است- و پس از آن آشنا کردن شما با مفاهیم پیشرفته در HTML5 است.

HTML5 چیست؟

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

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

تفاوت های HTML5 با نسخه های قبلی HTML

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

جزییات کامل دوره آموزش کامل html و html5:

قسمت اول : مقدمات کار آموزش html

• آشنایی با نحوه ساخت فایل های html
• آشنایی با ساختار html
• آشنایی با اعلان DOCTYPE
• آشنایی با تگ title

قسمت دوم : آشنایی با تگ های Heading و Paragraph

• آشنایی با تگ های h1,h2,h3,h4,h5,h6
• آشنایی با تگ p
• آشنایی با تگ pre
• آشنایی با تگ hr
• آشنایی با تگ br

قسمت سوم :  آشنایی با Attribute ها و لینک ها در html

• آشنایی با صفت یا Attribute
• آشنایی با صفت title
• آشنایی با تگ a
• آشنایی با صفت href
• آشنایی با صفت target
• آشنایی با لینک های داخلی و خارجی

قسمت چهارم :  آشنایی با تصاویر در آموزش html

• آشنایی با تگ img
• آشنایی با صفت src
• آشنایی با صفت width
• آشنایی با صفت height
• آشنایی با صفت alt
• آشنایی با نحوه لینک کردن یک تصویر

قسمت پنجم :  آشنایی با صفت style در آموزش html

•  آشنایی با صفت style
• آشنایی با خاصیت color
• آشنایی با خاصیت background-color
• آشنایی با خاصیت text-align
• آشنایی با خاصیت border
• آشنایی با خاصیت font-size
• آشنایی با خاصیت rgb

قسمت ششم :  آشنایی با المنت های قالب بندی

• آشنایی با المنت b
• آشنایی با المنت strong
• آشنایی با المنت i
• آشنایی با المنت em
• آشنایی با المنت u
• آشنایی با المنت ins
• آشنایی با المنت big
• آشنایی با المنت small
• آشنایی با المنت sup
• آشنایی با المنت sub
• آشنایی با المنت del
• آشنایی با المنت mark

قسمت هفتم :  آشنایی با جداول در آموزش کامل HTML

• آشنایی با تگ Table
• آشنایی با تگ tr
• آشنایی با تگ th
• آشنایی با تگ td
•  آشنایی با صفت border
•  آشنایی با صفت cellspacing
•  آشنایی با صفت cellpadding
•  آشنایی با صفت width
•  آشنایی با صفت align
•  آشنایی با صفت bgcolor

قسمت هشتم :  آشنایی با لیست ها در آموزش کامل HTML

• آشنایی با تگ ul
• آشنایی با تگ li
• آشنایی با تگ ol
• آشنایی با صفت type
• آشنایی با خاصیت list-style-type و مقادیر مختلف آن
• آشنایی با تگ dl
• آشنایی با تگ dt
• آشنایی با تگ dd
• آشنایی با کامنت گذاری

قسمت نهم :  آشنایی با تگ های div و span در آموزش html

• آشنایی با تگ های block و inline
• آشنایی با تگ div
• آشنایی با تگ span

قسمت دهم :  آشنایی با صفات class و id

قسمت یازدهم :  آشنایی با موجودیت ها

• آشنایی با کاراکترهای رزرو شده
• آشنایی با موجودیت lt&
• آشنایی با موجودیت gt&
• آشنایی با موجودیت nbsp&
• آشنایی با موجودیت amp&
• آشنایی با موجودیت quot&
• آشنایی با موجودیت copy&
• آشنایی با موجودیت pound&
• آشنایی با موجودیت cent&

قسمت دوازدهم :  آشنایی با فرم ها در آموزش HTML

• آشنایی با تگ form
• آشنایی با تگ input
• آشنایی با صفت type و مقادیر آن
• آشنایی با تگ fieldset
• آشنایی با تگ legend

قسمت سیزدهم :  آشنایی با تگ head

• آشنایی با تگ link
• آشنایی با favicon
• آشنایی با آدرس های نسبی و مطلق
• آشنایی با تگ base
• آشنایی با تگ script

قسمت چهاردهم:  آشنایی با متاتگ ها در آموزش html

• آشنایی با تگ meta
• آشنایی با متاتگ charset
• آشنایی با متاتگ description
• آشنایی با متاتگ keywords
• آشنایی با متاتگ author
• آشنایی با متاتگ viewport

قسمت پانزدهم :  آشنایی با تگ های اصلی html5

• آشنایی با مفهوم تگ های معنادار
• آشنایی با تگ header
• آشنایی با تگ aside
• آشنایی با تگ section
• آشنایی با تگ article
• آشنایی با تگ footer
• آشنایی با تگ nav

قسمت شانزدهم : آشنایی با تگ figure و details در آموزش تصویری html5