• صفحه اصلی
  • وب
    • آموزش HTML
    • آموزش CSS
    • آموزش جاوا اسکریپت
    • آموزش jquery
    • آموزش بوت استرپ
    • آموزش PHP
    • آموزش وردپرس
  • طراحی
    • ایلوستریتور
    • فتوشاپ
  • انیمیشن و سه بعدی
    • افترافکت
    • سینمافوردی
  • کسب و کار
    • بازاریابی
    • نرم افزار های آفیس
  • تدریس در آموزش تک
  • درباره ما
  • تماس با ما
      • عضویتورود
    آموزش تک
    • صفحه اصلی
    • وب
      • آموزش HTML
      • آموزش CSS
      • آموزش جاوا اسکریپت
      • آموزش jquery
      • آموزش بوت استرپ
      • آموزش PHP
      • آموزش وردپرس
    • طراحی
      • ایلوستریتور
      • فتوشاپ
    • انیمیشن و سه بعدی
      • افترافکت
      • سینمافوردی
    • کسب و کار
      • بازاریابی
      • نرم افزار های آفیس
    • تدریس در آموزش تک
    • درباره ما
    • تماس با ما
        • عضویتورود

      آموزش HTML

      • خانه
      • همه دوره ها
      • وب
      • آموزش HTML | آموزش کامل HTML و HTML5 | صفر تا صد

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

      User Avatar
      کریم مصطفی زاده
      آموزش HTML, وب
      (43 نظر)
      رایگان
      • بررسی اجمالی
      • برنامه آموزشی
      • مدرس:
      • امتیازدهی به دوره

      زبان 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

      قسمت هفدهم : رسم اشکال گرافیکی در آموزش تصویری html5 با SVG

      • آشنایی با تگ svg
      • آشنایی با تگ rect
      • آشنایی با تگ circle
      • آشنایی با تگ line
      • آشنایی با تگ polygon

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

      • آشنایی با تگ audio
      • آشنایی با تگ source
      • آشنایی با تگ video

      قسمت نوزدهم : نحوه استفاده از GeoLocation در آموزش تصویری html5

      قسمت بیستم :آشنایی با نحوه Drag and Drop در آموزش تصویری html5

      قسمت بیست و یکم:نحوه استفاده از WebStorage در آموزش تصویری html5

      قسمت بیست و دوم : نحوه استفاده از WebWorker در آموزش تصویری html5

       

       

      ویژگی های دوره

      • تعداد جلسات 24
      • امتحانات 0
      • مدت 4 ساعت و 37 دقیقه
      • سطح مهارت تمام سطوح
      • زبان فارسی
      • دانشجویان 10253
      • ارزیابی ها بله
      دوره هاوبآموزش HTMLآموزش HTML | آموزش کامل HTML و HTML5 | صفر تا صد
      • فهرست دروس
        23
        • درس1.1
          مقدمات کار و آشنایی با HTML 07 min
        • درس1.2
          شروع کدنویسی با HTML 12 min
        • درس1.3
          آشنایی با تگ های عنوان و پاراگراف 10 min
        • درس1.4
          آشنایی با Attribute ها و لینک ها در html 13 min
        • درس1.5
          آشنایی با تصاویر در html 17 min
        • درس1.6
          آشنایی با صفت Style در html 10 min
        • درس1.7
          آشنایی با المنت های قالب بندی در html 10 min
        • درس1.8
          آشنایی با جداول در html 08 min
        • درس1.9
          آشنایی با لیست ها در html 10 min
        • درس1.10
          آشنایی با تگ های div و span در html 20 min
        • درس1.11
          آشنایی با صفات class و id در html 09 min
        • درس1.12
          آشنایی با موجودیت ها در html 06 min
        • درس1.13
          آشنایی با فرم ها در html 24 min
        • درس1.14
          آشنایی با تگ head در html 14 min
        • درس1.15
          آشنایی با متاتگ ها در html 13 min
        • درس1.16
          آشنایی با تگ های اصلی در html5 20 min
        • درس1.17
          آشنایی با تگ figure و details در html5 05 min
        • درس1.18
          رسم اشکال گرافیکی در html5 با SVG 14 min
        • درس1.19
          آشنایی با ویدیو و صدا در html5 14 min
        • درس1.20
          نحوه استفاده از GeoLocation در html5 06 min
        • درس1.21
          آشنایی با نحوه Drag and Drop در html5 09 min
        • درس1.22
          نحوه استفاده از WebStorage در html5 11 min
        • درس1.23
          نحوه استفاده از WebWorker در html5 10 min
      • ویدیو ها و فایل های دوره
        1
        • درس2.1
          دانلود ویدیو ها و فایل های دوره
      آواتار نویسنده
      کریم مصطفی زاده

      نظرات

      میانگین امتیازها

      4.9
      43 امتیاز

      جزئیات امتیاز

      5
      96%
      4
      2%
      3
      2%
      2
      0%
      1
      0%
      • nahid.a

        آموزش با توضیحات کامل

        عالی هست پیشنهاد میکنم

      • ali999

        عااالی

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

      • mohammadreza13

        عالی بود

        خیلی خوب بود هیچ جا با ایین کیفیت ندیده بودم

      • hanisoli

        Hani

        روان و قابل فهم.خیلی ممنون

      • hamid1346

        اکستنشن ها

        سلام و عرض ارادت و خداقوت واقعا زحمت کشیدین و نکات خوب و کلیدی در آموزش مطرح کردین خدا حفظتون کنه یه سوال داشتم در مورد اکستنش ها من اکثر اکستنشهای ضروری رو نصب کردم مثل emmet و یا lorem ipsum و بقیه ولی عمل نمی کنن و در extension manager نشون میده که با موفقیت نصب شدن ..میتونید کمک کنید مشکل رو رفع کنم ؟ ممنون

      • بررسی اجمالی
      • برنامه آموزشی
      • مدرس:
      • امتیازدهی به دوره
      رایگان
      • اشتراک گذاری :

      دوره های مرتبط

      پکیج طراحی سایت بدون کدنویسی | مخصوص بازار کار مشاهده
      کریم مصطفی زاده

      پکیج طراحی سایت بدون کدنویسی | مخصوص بازار کار

      532
      2
      رایگان
      آموزش طراحی منوی کشویی متریال در اندروید مشاهده
      مهرداد رضایی شیخ آبادی

      آموزش طراحی منوی کشویی متریال در اندروید

      93
      0
      رایگان
      آموزش بوت استرپ | آموزش Bootstrap 4 + انجام پروژه های عملی مشاهده
      کریم مصطفی زاده

      آموزش بوت استرپ | آموزش Bootstrap 4 + انجام پروژه های عملی

      468
      3
      248,000 تومان
      آموزش ساخت چک باکس متحرک با CSS مشاهده
      امیرحسین اسماعیل زاده

      آموزش ساخت چک باکس متحرک با CSS

      985
      0
      رایگان
      آموزش ساخت اسلایدر در جاوا اسکریپت مشاهده
      کریم مصطفی زاده

      آموزش ساخت اسلایدر در جاوا اسکریپت

      2168
      3
      رایگان

      یک دیدگاه ارسال کنید لغو پاسخ

      نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

      آموزش طراحی سایت

      جامع ترین پکیج آموزش طراحی سایت در سطح وب

      به زودی افزایش قیمت خواهد داشت

      کانال تلگرام آموزش تک

      دسته بندی ها

      • #C (7)
      • 3Ds Max (1)
      • آموزش CSS (16)
      • آموزش HTML (10)
      • آموزش JQuery (4)
      • آموزش PHP (7)
      • آموزش Python (2)
      • آموزش بوت استرپ (3)
      • آموزش جاوا اسکریپت (4)
      • آموزش وردپرس (4)
      • افترافکت (49)
      • اندروید (3)
      • انیمیشن و سه بعدی (51)
        • 3Ds Max (1)
        • افترافکت (49)
        • سینمافوردی (2)
      • ایلوستریتور (11)
      • بازاریابی (12)
      • برترین ها (8)
      • برنامه نویسی (10)
        • #C (7)
        • اندروید (3)
      • پکیج (4)
      • سئو (1)
      • سیستم عامل (2)
        • لینوکس (2)
      • سینمافوردی (2)
      • طراحی (44)
        • ایلوستریتور (11)
        • فتوشاپ (37)
      • فتوشاپ (37)
      • فیلم و صدا (1)
        • موسیقی (1)
      • کسب و کار (14)
        • بازاریابی (12)
        • نرم افزار های آفیس (2)
      • لینوکس (2)
      • مارکتینگ (1)
        • سئو (1)
      • موسیقی (1)
      • نرم افزار های آفیس (2)
      • وب (40)
        • آموزش CSS (16)
        • آموزش HTML (10)
        • آموزش JQuery (4)
        • آموزش PHP (7)
        • آموزش Python (2)
        • آموزش بوت استرپ (3)
        • آموزش جاوا اسکریپت (4)
        • آموزش وردپرس (4)
        • وبلاگ (1)
      • وبلاگ (1)
      • ویژه (8)
      شبکه های اجتماعی ما
      صفحات ما

      تدریس در آموزش تک

      وبلاگ آموزش تک

      تماس با ما

      درباره ما

      دسترسی سریع

      صفحه اصلی

      طراحی سایت

      افترافکت

      گرافیک

       

      درباره آموزش تک

      آموزش تک با هدف ایجاد بستری برای تولید آموزش هایی تخصصی و در پی آن پرورش متخصص پا به عرصه آموزش گذاشت و همواره سعی دارد  تا متناسب با نام خودش ( آموزش تک ) بهترین و با کیفیت ترین آموزش ها را در بستری مناسب به صورت آنلاین برای جامعه ی دانش پژوه آماده کند.

      تمامی حقوق مادی و معنوی این وبسایت متعلق به آموزش تک می باشد و هر گونه کپی برداری از محتوا و محصولات سایت غیر مجاز و پیگرد قانونی دارد.

      ورود با :

      ورود با Google ورود با Twitter ورود با LinkedIn

      با حساب کاربری خود وارد شوید

      رمز عبور خود را فراموش کرده اید؟

      آیا هنوز عضو نشده اید؟ ثبت نام کنید

      یک حساب جدید ثبت کنید

      آیا شما عضو هستید؟ اکنون وارد شوید

      Modal title

      Message modal