آموزش 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
ویژگی های دوره
- تعداد جلسات 24
- امتحانات 0
- مدت 4 ساعت و 37 دقیقه
- سطح مهارت تمام سطوح
- زبان فارسی
- دانشجویان 6753
- ارزیابی ها بله
-
فهرست دروس
- مقدمات کار و آشنایی با HTML
- شروع کدنویسی با HTML
- آشنایی با تگ های عنوان و پاراگراف
- آشنایی با Attribute ها و لینک ها در html
- آشنایی با تصاویر در html
- آشنایی با صفت Style در html
- آشنایی با المنت های قالب بندی در html
- آشنایی با جداول در html
- آشنایی با لیست ها در html
- آشنایی با تگ های div و span در html
- آشنایی با صفات class و id در html
- آشنایی با موجودیت ها در html
- آشنایی با فرم ها در html
- آشنایی با تگ head در html
- آشنایی با متاتگ ها در html
- آشنایی با تگ های اصلی در html5
- آشنایی با تگ figure و details در html5
- رسم اشکال گرافیکی در html5 با SVG
- آشنایی با ویدیو و صدا در html5
- نحوه استفاده از GeoLocation در html5
- آشنایی با نحوه Drag and Drop در html5
- نحوه استفاده از WebStorage در html5
- نحوه استفاده از WebWorker در html5
-
ویدیو ها و فایل های دوره
-
Alireza_SH.86
بسیار عالی
خیلی دوره خوبی یعنی یکی از دوره کامل وعالی بود و به نظر ومن این دوره نسبت به دوره های دیگر سایت ها خیلی بهتر و جامع تر بود
-
sarahmowlaee
اموزش html
دو جلسه اخر کارایی نداشت چون حتما باید روش کار با جاوا اسکریپت بلد باشیم.ولی قسمت های دیگه مفهوم و عالی بود.با تشکر از استاد
-
hamid.zxz.86
بسیار کاربردی
عالی خیلی کاربردی بود
-
fatemerostami
(html (brackets
استاد من برنامه ای که گفتین در ویدیو نصب کردم ولی موقع تگ نویسی html به رنگ ابی در نمیاد و اون رو به عنوان یک کد نمیشناسه باید در تنظیمات برنامه کاری انجام بدم؟؟؟؟لطفا راهنمایی کنید
-
محمدحسین
عالی
کامل ترین و پر مفهوم ترین دوره بود.
295 دیدگاه
سلام داداش داداش من کلمه loremo مینویسم Tab رو میزنم فاصله میندازه چیکار کنم ممنون از کمکتون
سلام و درود
پیشنهاد میکنم از ادیتور VSCode استفاده کنید
واسه من خیلی از آموزش هاتون باز نشد اصلا سایتتون اشکال داره
سلام
چه مشکلی وجود داره
سلام چطور میتونم توی دوره ثبت نام کنم تا تمام فیلم ها برام باز باشه
سلام و درود
ثبت نام رایگان دوره رو بزنید
سلام آموزش ها خیلی خوب وبد ولی چرا برای من یا برای خودتان مثل قسمت 10 لایو به صورت زنده نیست و باید هر چند ثانیه سوی کنیم تا نتایج را ببینیم و راه حلی برای برطرف کردن این مشکل هست
سلام و درود
پیشنهاد میکنم از ادیتور VSCode استفاده کنید
سلام ببخشید کد رو نوشتیم،الان چجوری باید تبدیلش کنیم به وب سایت؟و اینکه من فایل اچ تی ام ال رو توی اندریدم باز کردم کلمات فارسی به صورت یه سری کد اومده بود ولی وقتی توی کامپیوتر باز میکنم درسته چرا؟
سلام و درود
شما باید داینامیک سازی صفحات وب رو یاد بگیرید که پیشنهاد میکنم دوره های آموزش 0 تا 100 طراحی سایت و آموزش PHP رو مشاهده بفرمایید
برای این مشکل باید متای charset utf8 رو داخل head قرار بدید
سلام من تازه این دوره رو تموم کردم واقعا لذت بردم با اینکه 14 سالمه تموم مفاهیم رو گرفتم به جز اون 4 تا قسمت اخر که جاوااسکریپت داخلش بود درست جا نیفتاد.خیلی ممنون از شما اقا کریم گل.
سلام و درود
خوشحالیم که دوره براتون مفید واقع شده
برای اینکه مباحث جاوا اسکریپت رو درک کنید پیشنهاد میکنم دوره جامع جاوا اسکریپت رو مشاهده کنید
موفق و پیروز باشید
سلام .من قبلا بسته css را قبلا خریداری کردم . الان چه جوری باید پیداش کنم
سلام و درود
وارد صفحه دوره آموزشی بشید و فهرست دروس رو مشاهده کنید
موفق و پیروز باشید
سلام و عرض خسته نباشید من ادیتور برکست رو نمیتونم نصب کنم اگه از نوت پد پلاس پلاس استفاده کنم مشکلی پیش نمیاد؟
سلام و درود
هیچ مشکلی وجود نداره
موفق و پیروز باشید
سلام و عرض خسته نباشید.
آموزش هاتون عالیه همه چیز رو مو به مو و ساده توضیح دادید.
خیلی خیلی ممنون
خسته نباشید
سلام و درود
ممنون بابت نظر ارزشمند شما ، خوشحالیم که دوره براتون مفید بوده
موفق و پیروز باشید
سلام
چطور میتونم دانلود کنم؟
هر کاری میکنم دانلود نمیشه..!
سلام و درود
داخل دوره ثبت نام کنید بعد فهرست دروس رو ببینید
موفق و پیروز باشید
سلام.
برای ثبت نام تو سایتتون میگه باید پست الکترونیک رو وارد کنید..!
پست الکتروینک چیه دیگه؟
از کجا پست الکترونیکم رو بفهمم؟
سلام و درود
پست الکترونیک همون ایمیل تون هست که باید وارد کنید
موفق و پیروز باشید
سلام
ببخشید شما دارید سایت سازی رو یاد میدید بعد چرا سایت خودتون با وردپرس هست😐
سلام و درود
چون وردپرس یکی از بهترین سیستم های مدیریت محتوا هست و خودمون هم وردپرس رو آموزش میدیم
میتونید آموزش طراحی قالب وردپرس رو مشاهده کنید
موفق و پیروز باشید