ورود/ثبت نام

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

HTML Training

دسته بندی: آموزش برنامه نویسی
کامل ترین کتاب آموزش HTML به زبان فارسی
Mohandes360.ir

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

نویسنده: حمیدرضا ارزبین

فهرست مطالب

فصل اول

  • آموزش HTML
  • مثالهای هر فصل
  • مثال های HTML
  • تمرینات HTML و آزمون تستی
  • مقدمه ای بر HTML
  • HTML چیست؟
  • یک سند HTML ساده
  • تگ های HTML
  • مرورگرهای وب
  • ساختار صفحه HTML
  • تگ <!DOCTYPE>
  • نسخه های HTML
  • ویرایشگرهای HTML
  • نوشتن کدهای HTML با استفاده از برنامه Notepad و TextEdit
  • مثالهای ساده HTML
  • فایل های HTML
  • عنوان ها در HTML
  • پاراگراف ها در HTML
  • لینک ها در HTML
  • تصاویر در HTML
  • عناصر HTML
  • عناصر تو در توی HTML
  • عناصر خالی HTML
  • استفاده از تگ ها با حروف کوچک
  • ویژگی های تگ های HTML
  • ویژگی های تگ های HTML
  • ویژگی href
  • ویژگی src
  • ویژگی عرض و ارتفاع
  • ویژگی alt
  • ویژگی استایل
  • ویژگی lang
  • مشخصه title
  • سینگل کوتیشن یا دابل کوتیشن؟
  • خلاصه فصل
  • عناوین در HTML
  • تگ های عنوان در HTML
  • عناوین بزرگتر
  • جدا کننده افقی HTML
  • عنصر <head> در HTML
  • چگونه سورس کد یک صفحه HTML را نشان دهیم؟
  • مشاهده سورس کد HTML
  • بازبینی یک عنصر HTML
  • مرجع تگ HTML
  • پاراگراف های HTML
  • تگ پاراگراف HTML
  • نمایش HTML
  • شکستن خط HTML
  • مشکل نوشتن اشعار
  • تگ <pre> در HTML
  • مرجع تگ HTML
  • استایل های HTML
  • ویژگی Style در HTML
  • رنگ پس زمینه HTML
  • رنگ متن در HTML
  • فونت ها در HTML
  • اندازه متن در HTML
  • تراز متن در HTML
  • خلاصه فصل
  • قالب بندی متن در HTML
  • عناصر قالب بندی در HTML
  • المان های <b> و <strong>  در HTML
  • تگ های <em> و <i> در HTML
  • تگ <small> در HTML
  • تگ <mark> در HTML
  • تگ <del> در HTML
  • تگ <ins> در HTML
  • تگ <sub> در HTML
  • تگ <sup> در HTML
  • تگ های قالب بندی در HTML
  • تگ های نقل قول و استناد کننده در HTML
  • تگ <q> برای نقل قول های کوتاه
  • تگ <blockquote> برای نقل قول ها
  • تگ <abbr> برای مخفف کردن کلمات
  • تگ <address> برای اطلاعات تماس
  • تگ <cite> برای عنوان کار
  • تگ <bdo> برای تعریف جهت نوشتار در HTML
  • تگ های نقل قول و استناد در HTML
  • کامنت ها در HTML
  • تگ های کامنت در HTML
  • رنگ های HTML
  • نام رنگ ها
  • رنگ پس زمینه
  • رنگ متن
  • رنگ حاشیه
  • مقادیر رنگ ها
  • مقدار RGB
  • مقدار HEX
  • مقدار HSL
  • Saturation (اشباع)
  • Lightness
  • مقدار RGBA
  • مقدار HSLA
  • استایل های HTML – CSS
  • ساخت ظاهر گرافیکی HTML با استفاده از CSS
  • Inline CSS
  • Internal CSS
  • External CSS
  • فونت ها در CSS
  • حاشیه در CSS
  • CSS Padding
  • CSS Margin
  • ویژگی id
  • ویژگی Class
  • منابع خارجی
  • خلاصه فصل
  • لینک ها در HTML
  • لینک های HTML – هایپر لینک ها
  • لینک های HTML – روش نوشتن
  • لینک های محلی
  • رنگ لینک های  HTML
  • لینک های HTML - خصوصیت target
  • لینک های HTML – تصویر به عنوان لینک
  • عناوین لینک ها
  • لینک های HTML – ایجاد یک Bookmark
  • مسیرهای خارجی
  • خلاصه فصل
  • تگ های لینک در HTML
  • تصاویر در HTML
  • نحوه نوشتن دستور درج تصویر در HTML
  • ویژگی alt
  • اندازه تصویر - عرض و ارتفاع
  • Width و Height یا Style؟
  • تصاویر در پوشه دیگر
  • تصاویر در یک سرور دیگر
  • تصاویر متحرک
  • استفاده از یک تصویر به عنوان یک لینک
  • شناور کردن تصویر
  • Image map
  • تصویر پس زمینه
  • عنصر <picture>
  • خوانندگان صفحه HTML
  • خلاصه فصل
  • تگ های تصویر در HTML
  • جداول HTML
  • تعریف جدول در HTML
  • جدول در HTML – اضافه کردن Border
  • جدول HTML – ادغام حاشیه ها
  • جدول HTML – اضافه کردن padding به سلول
  • جدول HTML – چپ چین کردن عناوین
  • جدول HTML – اضافه کردن Border Spacing
  • جدول HTML – سلول هایی که چند ستون را اشغال می کنند
  • جدول HTML – سلول هایی که چند ردیف را اشغال می کنند
  • جدول HTML – اضافه کردن Caption جدول
  • یک استایل خاص برای یک جدول
  • خلاصه فصل
  • تگ های جدول در HTML
  • لیست ها در HTML
  • لیست نامرتب در HTML
  • لیست نامرتب در HTML – انتخاب نشانگر آیتم
  • لیست مرتب در HTML
  • لیست مرتب HTML – نوع ویژگی
  • لیست های توصیفی در HTML
  • لیست های تو در تو در HTML
  • کنترل شمارش لیست
  • لیست های افقی
  • خلاصه فصل
  • تگ های لیست
  • تگ های بلاک و درون خطی در HTML
  • تگ های block-level
  • تگ های درون خطی در HTML
  • تگ های درون خطی
  • تگ های درون خطی در HTML
  • تگ <div>
  • تگ <span>
  • تگ های گروه بندی در HTML
  • ویژگی class در HTML
  • استفاده از ویژگی CLASS
  • استفاده از ویژگی class در جاوا اسکریپت
  • کلاس های چندگانه
  • همان کلاس، تگ متفاوت
  • ویژگی id در HTML
  • استفاده از ویژگی id
  • My Header
  • تفاوت بین class و id
  • استفاده از ویژگی id در جاوا اسکریپت
  • Iframe در HTML
  • نحوه نوشتن Iframe
  • Iframe – تنظیم height و width
  • Iframe – حذف حاشیه (Border)
  • Iframe – هدف برای یک لینک
  • تگ iframe در HTML
  • جاوا اسکریپت در HTML
  • تگ <script> در HTML
  • نمونه هایی از جاوا اسکریپت
  • تگ <noscript> در HTML
  • تگ های اسکریپت در HTML
  • آدرس فایل ها در HTML
  • آدرس فایل ها در HTML
  • آدرس دهی کامل (مطلق)
  • آدرس دهی نسبی
  • بهترین تمرین
  • عنوان در HTML
  • تگ <head> در HTML
  • تگ <title> در HTML
  • تگ <title>
  • تگ <style> در HTML
  • تگ <link> در HTML
  • تگ <meta> در HTML
  • تنظیم نمایش صفحه
  • تگ <script> در HTML
  • تگ <base> در HTML
  • حذف تگ های <html>، <head> و <body>؟
  • تگ های head در HTML
  • قالب بندی در HTML
  • تگ های صفحه آرایی HTML
  • تکنیک‌ های صفحه آرایی در HTML
  • جداول HTML
  • فریم ورک های CSS
  • خصوصیت float در CSS
  • Flexbox در CSS
  • طراحی سایت واکنشگرا در HTML
  • طراحی واکنش گرا چیست؟
  • تنظیم viewport
  • تصاویر واکنش گرا
  • استفاده از خصوصیت width
  • استفاده از خصوصیت max-width
  • نمایش تصاویر مختلف با توجه به عرض مرورگر
  • اندازه متن واکنش گرا
  • Hello World
  • مدیا کوئری
  • صفحه وب واکنشگرا – مثال کامل
  • طراحی وب واکنشگرا – Frameworks
  • استفاده از W.CSS
  • استفاده از بوت استرپ
  • کدهای کامپیوتری در HTML
  • تگ <kbd> در HTML برای ورودی کیبورد
  • تگ <spam> برای خروجی برنامه
  • عنصر <code> در HTML برای کد کامپیوتر
  • تگ <var> برای متغیرها
  • تگ های کد در HTML
  • HTML Entities
  • کاراکترهای خاص HTML
  • فاصله بدون شکست
  • برخی از کاراکترهای خاص مفید در HTML
  • ترکیب علائم تفکیک کننده در HTML
  • نمادها در HTML
  • سمبل های خاص در HTML
  • برخی از نمادهای ریاضی پشتیبانی شده در HTML
  • برخی از حروف یونانی پشتیبانی شده در HTML
  • برخی از سمبل های خاص پشتیبانی شده در HTML
  • کد گذاری HTML (مجموعه های کارکتری)
  • رمزگذاری کاراکتر چیست؟
  • خصوصیت charset در HTML
  • تفاوت بین مجموعه های کاراکتری
  • مجموعه کاراکتر ASCII
  • مجموعه کاراکتر ISO--
  • مجموعه کاراکتر UTF-
  • رمزگذاری URL
  • HTML Uniform Resource Locators
  • URL - Uniform Resource Locators
  • انواع Scheme در URL
  • رمزگذاری URL
  • خودتان امتحان کنید
  • نمونه هایی از رمزگذاری ASCII
  • HTML و XHTML
  • XHTML چیست؟
  • چرا XHTML؟
  • تفاوت های مهم HTML و XHTML
  • عبارت <...DOCTYPE!> اجباری است
  • تگ های تو در توی XHTML باید به درستی به کار روند
  • تگ های XHTML باید همیشه بسته شوند
  • تگ های خالی نیز باید بسته شوند
  • تگ های XHTML باید با حروف کوچک نوشته شوند
  • نام ویژگی ها باید با حروف کوچک نوشته شوند
  • مقادیر ویژگی ها باید در علامت نقل قول قرار داده شوند
  • کوچک سازی ویژگی ها در XHTML ممنوع است
  • چگونگی تبدیل سند HTML به XHTML

 

فصل دوم

  • فرم های HTML
  • عنصر <form>
  • عنصر <input>
  • Text Input
  • Radio Button Input
  • Submit Button
  • ویژگی Action
  • ویژگی Target
  • ویژگی Method
  • زمان استفاده از متد GET؟
  • نکاتی در مورد متد GET
  • زمان استفاده از متد POST؟
  • نکاتی در مورد متد POST
  • ویژگی Name
  • گروه بندی داده‌ های فرم با <fieldset>
  • عناصر فرم در HTML
  • عنصر <input>
  • عنصر <select>
  • مقادیر قابل مشاهده
  • امکان انتخاب چندتایی
  • عنصر <textarea>
  • عنصر <button>
  • عناصر فرم در HTML
  • عنصر <datalist> در HTML
  • عنصر <output> در HTML
  • تگ های فرم در HTML
  • انواع ورودی در HTML
  • ورودی متنی
  • ورودی Password
  • ورودی submit
  • ورودی Reset
  • ورودی Radio
  • ورودی Checkbox
  • ورودی Button
  • انواع ورودی در HTML
  • ورودی Color
  • ورودی Date
  • ورودی Datetime-local
  • ورودی Email
  • ورودی Month
  • ورودی Number
  • محدودیت ورودی
  • ورودی Range
  • ورودی Search
  • ورودی Tel
  • ورودی Time
  • ورودی Url
  • ورودی week
  • ویژگی type ورودی در HTML
  • ویژگی های ورودی در HTML
  • ویژگی value
  • ویژگی readonly
  • ویژگی disabled
  • ویژگی size
  • ویژگی maxlength
  • ویژگی های HTML
  • ویژگی autocomplete
  • ویژگی novalidate
  • ویژگی autofocus
  • ویژگی form
  • ویژگی formaction
  • ویژگی formenctype
  • ویژگی formmethod
  • ویژگی formnovalidate
  • ویژگی formtarget
  • ویژگی های width و height
  • ویژگی list
  • ویژگی های min و max
  • ویژگی multiple
  • ویژگی pattern
  • ویژگی placeholder
  • ویژگی required
  • ویژگی step
  • عناصر Input و Form در HTML

فصل سوم

  • معرفی HTML
  • ویژگی های جدید HTML
  • عناصر HTML
  • رابط برنامه نویسی اپلیکیشن جدید در HTML
  • عناصر حذف شده در HTML
  • تاریخچه HTML
  • پشتیبانی مرورگر‌ ها از HTML
  • پشتیبانی مرورگر‌ ها از HTML
  • تعریف عناصر معنایی به عنوان عناصر Block
  • اضافه کردن عناصر جدید به HTML
  • مشکل با IE
  • نحوه کدنویسی برای HTMLShiv
  • مثالی از HTMLShiv
  • عناصر جدید HTML
  • عناصر فرم جدید
  • انواع ورودی جدید
  • HTML - نحوه کدنویسی ویژگی های جدید
  • گرافیک در HTML
  • تگ های مدیا
  • عناصر معنایی در HTML
  • عناصر معنایی چه هستند؟
  • مرورگرهای پشتیبان
  • عناصر معنایی جدید در HTML
  • تگ <section> در HTM
  • تگ <article> در HTML
  • قرار دادن <article> در <section> یا بالعکس؟
  • عنصر <header> در HTML
  • عنصر <footer> در HTML
  • عنصر <nav> در HTML
  • عنصر <aside> در HTML
  • عناصر <figure> و <figcaption> در HTML
  • چرا عناصر معنایی؟
  • عناصر معنایی در HTML
  • مهاجرت به HTML
  • مهاجرت از HTML به HTML
  • یک صفحه معمولی HTML
  • تغییر به HTML Doctype
  • تغییر به رمزگذاری  HTML
  • اضافه کردن HTMLShiv
  • تغییر به عناصر معنایی HTML
  • تفاوت <article>، <section> و <div>
  • راهنمای استایل دادن و قواعد کدنویسی در HTML
  • قواعد کدنویسی در HTML
  • کدنویسی هوشمند آینده نگر
  • استفاده از Document Type صحیح
  • استفاده از کاراکترهای کوچک در نام عناصر
  • بستن همه تگ های HTML
  • بستن تگ های خالی در HTML
  • استفاده از کاراکترهای کوچک در نام ویژگی ها
  • مقدار ویژگی ها در کوتیشن
  • ویژگی های تصویر
  • فضاهای خالی و علامت مساوی
  • اجتناب از خطوط طولانی کد
  • خطوط خالی و تو رفتگی
  • حذف تگ های <html> و <body>
  • حذف تگ <head>؟
  • Meta Data
  • تنظیم Viewport
  • کامنت های HTML
  • استایل شیت ها
  • بارگذاری جاوا اسکریپت در HTML
  • دسترسی به عناصر HTML با جاوا اسکریپت
  • استفاده از حروف کوچک در نام فایل ها
  • پسوند فایل
  • تفاوت های میان .htm و .html
  • تفاوت های فنی

فصل چهارم

  • Canvas در HTML
  • Canvas در HTML چیست؟
  • پشتیبانی مرورگر
  • مثال هایی از canvas
  • رسم خط
  • رسم دایره
  • نوشتن متن
  • نوشتن متن توخالی
  • رسم رنگ با گرادیان خطی
  • رسم رنگ با گرادیان مدور
  • رسم تصویر
  • آموزش Canvas در HTML
  • SVG در HTML
  • SVG چیست؟
  • عنصر <svg> در HTML
  • پشتیبانی مرورگرها
  • دایره SVG
  • مستطیل SVG
  • مستطیل SVG با گوشی های گرد
  • ستاره SVG
  • لوگوی SVG
  • تفاوت میان SVG و Canvas
  • مقایسه Convas و SVG
  • آموزش SVG

فصل پنجم

  • چند رسانه ای (Multimedia) در HTML
  • چند رسانه ای چیست؟
  • پشتیبانی مرورگرها
  • فرمت های چند رسانه ای
  • قالب های ویدئو رایج
  • فرمت های صوتی
  • ویدئو در HTML
  • پخش ویدئو در HTML
  • پشتیبانی مرورگر
  • تگ <video> در HTML
  • عملکرد کدها
  • پخش خودکار <video> در HTML
  • پشتیبانی مرورگر – ویدئو
  • ویدئو در HTML – انواع مدیا
  • متدها، خواص و رویدادهای ویدئو در HTML
  • تگ های ویدئو در HTML
  • صوت در HTML
  • صوت در وب
  • پشتیبانی مرورگر
  • تگ <audio> در HTML
  • صوت در HTML – نحوه عملکرد
  • صوت در HTML - پشتیبانی مرورگر
  • صوت در HTML – نوع مدیا
  • صوت در HTML - متدها، خواص و رویدادها
  • تگ های صوتی در HTML
  • افزونه (پلاگین) های در html
  • افزونه های HTML
  • تگ <object>
  • تگ <embed>
  • فیلم های یوتیوب در HTML
  • تقابل با فرمت های ویدئویی؟
  • شناسه ویدئوی YouTube
  • اجرای ویدئوی یوتیوب در HTML
  • پخش خودکار ویدئو
  • لیست پخش یوتیوب
  • چرخه یوتیوب
  • کنترل های یوتیوب
  • یوتیوب - استفاده از تگ های <embed> و <object>

فصل ششم

  • مکان یابی جغرافیایی در HTML
  • تعیین مکان کاربر
  • پشتیبانی مرورگرها
  • استفاده از مکان یابی در HTML
  • بررسی خطا ها و عدم پذیرش
  • نمایش نتیجه در نقشه
  • اطلاعات مکان خاص
  • متد getCurrentPosition( ) - داده های برگشتی
  • دیگر اطلاعات مفید در خصوص داده های مکانی
  • کشیدن و رها کردن در HTML
  • Drag and Drop
  • پشتیبانی مرورگرها
  • مثالی از Drag and Drop
  • ساخت یک عنصر قابل درگ
  • چه چیزی درگ شود – ondragstart و setData( )
  • کجا رها شود - ondragover
  • انجام رها سازی – ondrop
  • مثال های بیشتر
  • ذخیره سازی وب در HTML
  • ذخیره سازی وب چیست؟
  • پشتیبانی مرورگر
  • آبجکت های ذخیره سازی وب در HTML
  • آبجکت localStorage
  • آبجکت sessionStorage
  • کارگران وب در HTML
  • web worker چیست؟
  • پشتیبانی مرورگر ها
  • مثال Web Worker ها در HTML
  • بررسی پشتیبانی web worker
  • ایجاد یک فایل web worker
  • ایجاد یک آبجکت Web Worker
  • توقف Web Worker
  • استفاده مجدد از کارگر وب
  • نمونه کد کامل کارگر وب
  • کارگران وب و DOM
  • رویداد های Server-Sent در HTML
  • رویدادهای Server-Sent- ارسال پیام یک طرفه
  • پشتیبانی مرورگر ها
  • دریافت هشدارهای رویداد Server-Sent
  • بررسی پشتیبانی رویدادهای Server-Sent
  • نمونه کد Server-Side
  • آبجکت EventSource

فصل هفتم

  • اصول اولیه HTML
  • سند HTML
  • هدینگ های HTML
  • پاراگراف های HTML
  • لینک های HTML
  • تصاویر HTML
  • دکمه های HTML
  • لیست های HTML
  • ویژگی ها در HTML
  • ویژگی title
  • ویژگی href
  • ویژگی های width and height
  • ویژگی alt
  • ویژگی بدون کوتیشن
  • ویژگی بدون کوتیشنی که کار نمی کند
  • هدینگ های HTML
  • هدینگ های HTML
  • قوانین افقی HTML
  • سر تیتر HTML
  • پاراگراف ها در HTML
  • پاراگراف ها در HTML
  • پاراگراف های بیشتر در HTML
  • استفاده از شکستن خطوط در HTML
  • مشکلات شعرنویسی (برخی از مشکلات قالب بندی HTML)
  • نحوه کنترل شکستگی خطوط و فضاهای خالی با تگ <pre>
  • استایل های HTML
  • استایل های HTML
  • رنگ پس زمینه در HTML
  • رنگ متن در HTML
  • فونت متن در HTML
  • سایز متن در HTML
  • ترازبندی متن در HTML
  • فرمت متن در HTML
  • فرمت bold با استفاده از تگ <b>
  • فرمت برجسته با استفاده از تگ<strong>
  • فرمت italic با استفاده از تگ <i>
  • فرمت مهم با استفاده از تگ <em>
  • فرمت small با استفاده از تگ <small>
  • فرمت علامت گذاری شده با استفاده از تگ <mark>
  • حذف شده با استفاده از تگ <del>
  • درج شده با استفاده از تگ <ins>
  • حذف و درج شده با استفاده از تگ های <del> و <ins>
  • فرمت زیر نویس با استفاده از تگ <sub>
  • فرمت بالا نویس (توان) با استفاده از تگ <sub>
  • نقل قول های HTML
  • قالب بندی نقل قول های کوتاه با تگ <q>
  • قالب بندی نقل قول ها با تگ <blockquote>
  • قالب بندی اطلاعات سازنده / مالک سند با تگ <address>
  • قالب بندی سرنام ها و مخفف ها با تگ <abbr>
  • قالب بندی عنوان کار با تگ <cite>
  • قالب بندی جهت متن با تگ <bdo>
  • کامنت های HTML
  • کامنت های مخفی
  • کامنت های شرطی
  • کامنت ها برای اشکال زدایی
  • HTML CSS
  • HTML با CSS بصورت inline
  • HTML با CSS بصورت داخلی
  • HTML با CSS به صورت خارجی
  • HTML با فونت های CSS
  • HTML با CSS با استفاده از ویژگی id
  • HTML با CSS با استفاده از ویژگی Class
  • HTML و خطوط حاشیه CSS
  • HTML و CSS padding
  • HTML و  CSS margin
  • HTML و نسخه کامل نمایشی CSS
  • لینک های HTML
  • لینک دادن با استفاده از آدرس دهی مطلق
  • لینک دادن با استفاده از آدرس دهی نسبی
  • تغییر دادن رنگ لینک ها
  • حذف زیر خط از لینک ها
  • تغییر دادن target لینک ها
  • عکس به عنوان لینک
  • ساخت یک لینک بوکمارک
  • لینکی که فریم جدا را از بین می برد
  • لینکی برای ایمیل زدن
  • لینکی برای ایمیل زدن با موضوع
  • تصاویر HTML
  • یک عکس
  • طول و عرض عکس با استفاده از ویژگی ها
  • طول و عرض عکس با استفاده از CSS
  • طول و عرض عکس با استفاده از ویژگی ها و CSS
  • یک عکس در پوشه ای دیگر
  • یک عکس با لینک شکسته
  • یک عکس روی سروری دیگر
  • استفاده از یک عکس به عنوان یک لینک
  • تصویر متحرک
  • نقشه تصویری با نواحی قابل کلیک کردن
  • تصویر شناور
  • جداول HTML
  • جداول اولیه HTML
  • جدول با حاشیه
  • جدول با مرز های حاشیه
  • سلول های جدول با پدینگ
  • هدینگ های جدول
  • جدولی با تیترهای چپ چین
  • تیترهای افقی / عمودی جدول
  • جدولی با یک کپشن
  • افزایش پهنای یک سطر از جدول
  • افزایش پهنای یک ستون از جدول
  • جدولی با خانه های فاصله دار
  • جدولی با تگ های داخلی
  • جدول با استایل متفاوت با استفاده از id ()
  • جدول با استایل متفاوت با استفاده از id ()
  • جدول با استایل متفاوت با استفاده از class ()
  • جدول با استایل متفاوت با استفاده از class ()
  • لیست های HTML
  • لیست نا مرتب (پیش فرض)
  • لیست نا مرتب با disc bullets
  • لیست نا مرتب با circle bullets
  • لیست نا مرتب با square bullets
  • لیست نا مرتب بدون bullets
  • لیست مرتب (پیش فرض)
  • لیست مرتب با اعداد
  • لیست مرتب با حروف
  • لیست مرتب با حروف کوچک
  • لیست مرتب با اعداد یونانی
  • لیست مرتب با اعداد کوچک یونانی
  • لیست توضیحی
  • لیست تو در تو ()
  • لیست تو در تو ()
  • لیست افقی
  • لیست منوی افقی
  • عناصر inline و block در HTML
  • استایل دهی تگ <div>
  • استایل دهی تگ <span>
  • کلاس های HTML
  • استایل دهی به همه عناصر با یک نام کلاس خاص
  • دسترسی به عناصر با یک نام کلاس خاص، در جاوا اسکریپت
  • چند کلاسه
  • یک کلاس برای تگ های مختلف
  • Id در HTML
  • استایل دهی به یک عنصر با یک Id خاص
  • تفاوت بین class و id
  • دسترسی به عناصر با یک id خاص، در جاوا اسکریپت
  • قالب بندی HTML
  • قالب بندی با استفاده از float
  • قالب بندی با استفاده از flexbox ()
  • قالب بندی با استفاده از flexbox ()
  • قالب بندی با استفاده از flexbox ()
  • Iframe در HTML
  • فریم داخلی (فریمی در یک صفحه HTML)
  • تگهای Head در HTML
  • یک سند HTML معتبر بدون تگ های <html>، <body> و <head>
  • یک سند HTML معتبر بدون تگ <head>
  • تعین عنوان سند با تگ <title>
  • در بر گرفتن اطلاعات اسایل دهی با تگ <style>
  • ارتباط با یک منبع خارجی توسط تگ <link>
  • تعریف اطلاعات متای خاص توسط تگ <meta>
  • تعریف اسکریپت های سمت سرور توسط تگ <script>
  • تعینن URL مبنا برای همه URL ها توسط تگ <base>
  • اسکریپت ها در HTML
  • درج یک اسکریپت
  • استفاد از تگ <noscript>
  • عناصر کد کامپیوتری در HTML
  • قالب بندی ورودی صفحه کلید توسط تگ <kbd>
  • قالب بندی خروجی کامپیوتر با استفاده از تگ <samp>
  • قالب بندی کد برنامه نویسی توسط تگ <code>
  • قالب بندی کد های برنامه نویسی با حفظ شکستگی خطوط و فضاهای خالی
  • قالب بندی متغیر ها با استفاده از تگ <var>
  • فرم ها در HTML
  • فرم با ورودی متنی
  • فرم با دکمه های رادیویی
  • فرم با فیلد های متنی و دکمه ارسال
  • فرم با فیلد متنی بدون ویژگی name
  • گروه کردن داده های فرم
  • عناصر فرم در HTML
  • لیست کشویی ساده
  • لیست کشویی با مقدار از پیش انتخاب شده
  • Textarea (فیلد ورودی متنی چند خطی)
  • دکمه
  • استفاده از عنصر <datalist>
  • استفاده از عنصر <output>
  • انواع ورودی ها در HTML
  • ورودی نوع متنی
  • ورودی نوع پسورد
  • ورودی نوع radio
  • ورودی نوع checkbox
  • ورودی نوع button
  • ورودی نوع number – با محدودیت
  • ورودی نوع عددی – با step
  • ورودی نوع date – با Date picker
  • ورودی نوع تاریخ – با محدودیت
  • ورودی نوع color – با color picker
  • ورودی نوع range
  • ورودی نوع month
  • ورودی نوع week
  • ورودی نوع time
  • ورودی نوع datetime
  • ورودی نوع datetime-local
  • ورودی نوع Email
  • ورودی نوع search
  • ورودی نوع tel
  • ورودی نوع url
  • ویژگی های input ها در HTML
  • autocomplete
  • novalidate
  • autofocus_attribute
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • height and width
  • list
  • min and max
  • multiple
  • pattern
  • placeholder
  • required
  • step
  • Canvas در HTML
  • رسم Canvas با جاوا اسکریپت
  • رسم یک خط با lineTo ( )
  • رسم یک دایره با arc( )
  • رسم یک متن با fillText( )
  • رسم یک متن با strokeText( )
  • رسم یک گرادیان خطی
  • رسم یک گرادیان دایره ای
  • رسم یک تصویر با drawImage( )
  • SVG در HTML
  • دایره
  • مستطیل
  • مستطیل با گوشه های گرد
  • ستاره
  • لوگو
  • چند رسانه ای در HTML
  • اجرای یک ویدئو
  • اجرای یک ویدئو با دکمه های کنترلی
  • اجرای ویدئو بصورت خودکار
  • اجرای یک موسیقی با دکمه های کنترلی
  • موقعیت جغرافیایی در HTML
  • بدست آوردن مختصات جغرافیایی
  • بررسی خطاهای موقعیت جغرافیایی
  • بدست آوردن و مشاهده موقعیت جغرافیایی
  • ذخیره سازی محلی در HTML
  • ذخیره یک نام بطور دائمی
  • ذخیره یک شمارنده بطور دائمی
  • ذخیره یک شمارنده برای یک Session
  • چند رسانه ای در HTML
  • اجرای فایل ویدئویی
  • اجرای فایل صوتی در HTML
  • اجرای فایل یوتیوب در HTML
  • مثال های HTML بیشتر
  • کشیدن و رها کردن
  • کارگران وب
  • رویدادهای serve sent
  • آزمون HTML
  • آزمون
  • محاسبه امتیاز شما
  • تمرین های HTML
  • تمرین ها
  • محاسبه امتیاز شما
  • گواهینامه WSchools HTML
  • سند مهارت های شما
  • دریافت گواهینامه
  • مطالعه و دریافت گواهینامه
  • بعد از یاد گرفتن  HTML، باید چه کار کنید؟
  • خلاصه HTML
  • یادگیری CSS
  • یادگیری JavaScript

مترجم: حمید رضا ارزبین

تعداد صفحات: 526


مبلغ قابل پرداخت : 30,000 تومان

دیگران را با نوشتن نظرات خود، برای انتخاب این محصول راهنمایی کنید.

لطفا پیش از ارسال نظر، قوانین زیر را مطالعه کنید:
  • فارسی بنویسید و از کیبورد فارسی استفاده کنید. بهتر است از فضای خالی (Space) بیش‌از‌حدِ معمول، شکلک یا ایموجی استفاده نکنید و از کشیدن حروف یا کلمات با صفحه‌کلید بپرهیزید.
  • نظرات خود را براساس تجربه و استفاده‌ی عملی و با دقت به نکات فنی ارسال کنید؛ بدون تعصب به محصول خاص، مزایا و معایب را بازگو کنید و بهتر است از ارسال نظرات چندکلمه‌‌ای خودداری کنید.
  • بهتر است در نظرات خود از تمرکز روی عناصر متغیر مثل قیمت، پرهیز کنید.
  • به کاربران و سایر اشخاص احترام بگذارید. پیام‌هایی که شامل محتوای توهین‌آمیز و کلمات نامناسب باشند، حذف می‌شوند.
  • از ارسال لینک‌های سایت‌های دیگر و ارایه‌ی اطلاعات شخصی خودتان مثل شماره تماس، ایمیل و آی‌دی شبکه‌های اجتماعی پرهیز کنید.
برای ارسال کامنت باید عضو سایت باشید. برای ثبت نام / ورود به سایت کلیک کنید.