آموزش کامل HTML و HTML5
HTML مخفف کلمات Hyper Text Markup Language ، به معنای زبان نشانه گذاری ابر متن است.
زبان HTML، پایه و اساس صفحات وب را تشکیل میدهد و اولین قدم برای شروع طراحی صفحات وب محسوب میشود که ما در این دوره آموزشی یعنی دوره آموزش کامل html به صورت جامع html و html5 رو مورد بررسی قرار خواهیم داد
HTML با استفاده از تگ های (برچسب) مخصوصی که دارد ، یک صفحه وب را نشانه گذاری میکند و به این وسیله ساختار اصلی یک صفحه وب را تشکیل میدهد. هر یک از این تگ ها برای مرورگر معنا و مفهوم خاصی دارند و برای ایجاد یک عنصر خاص باید از یک تگ خاص استفاده کرد برای مثال تگ img برای تصاویر.
HTML5 آخرین نسخه از این زبان نشانه گذاری است که در این دوره آموزشی قصد داریم تا از پایه ترین تگ های HTML شروع به یادگیری کنیم تا به مباحث پیشرفته HTML5 برسیم .
جزییات کامل دوره آموزش کامل html و html5:
قسمت اول : مقدمات کار
- آشنایی با نحوه ساخت فایل های html
- آشنایی با ساختار html
- آشنایی با اعلان DOCTYPE
- آشنایی با تگ title
قسمت دوم : آشنایی با تگ های Heading و Paragraph
- آشنایی با تگ های h1,h2,h3,h4,h5,h6
- آشنایی با تگ p
- آشنایی با تگ pre
- آشنایی با تگ hr
- آشنایی با تگ br
قسمت سوم : آشنایی با Attribute ها و لینک ها در html
- آشنایی با صفت یا Attribute
- آشنایی با صفت title
- آشنایی با تگ a
- آشنایی با صفت href
- آشنایی با صفت target
- آشنایی با لینک های داخلی و خارجی
قسمت چهارم : آشنایی با تصاویر
- آشنایی با تگ 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
- آشنایی با تگ های 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
ویژگی های دوره
- درس 23
- آزمون ها 0
- مدت زمان 4 ساعت و 37 دقیقه
- سطح مهارت تمام سطوح
- زبان فارسی
- تعداد شرکت کنندگان 976
- ارزیابی بله
- مقدمات کار و آشنایی با 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
danial
ساده ولی حرفه ایی
سلام خدمت دوستان عزیز وفتی من این آموزش را شروع کردم تقریبا اطلاعاتم در این موضوع صفر بود و این آموزش برای من هم بسیار ساده و روان بود و هم اطلاعات خیلی زیادی را به من افزود. به این آموزش شک نکنید، کاملا ارزش وقت گذاشتن را دارد، در عین رایگان بودن بسیار با کیفیت هست.
SOHEYL STAR
کیفیت و اموزش عالی
ممنون بابت اموزش های عالیتون خیلی خوب و عالی اموزش دادین واقعا متشکرم از هیچ جا اموزش خریداری نکنید چون واقعا بهترین جا همینجاست
HOSEINSHAFAATI
hosein.sh
سلام اقای کریم مصطفی زاده شما دوره ی اموزش cssندارین؟
Mohsen Hoshmand
html از این بیشتر نیست
سلام خیلی عالی بود من راضی بودم خیلی خوب یاد گرفتم
parsaMPSH
عالییی
سلام اقای مصطفی زاده اموزش هاتون حرف نداره. فایل پروژه هارو هم گفتین میدین رو از کجا باید دریافت کنیم؟
50 دیدگاه
درود بر شما مدرس عزیز:
روش تدریستون بسیار سلیس و کامل بود.
ممنون بابت زحماتتون, پاینده باشید.
سلام و درود
از اینکه این دوره آموزشی مورد توجه و رضایت شما قرار گرفته بسیار خوشحالیم
با سپاس از نظر ارزشمند شما
موفق و پیروز باشید
سلام
من تمامی آموزش های مربوط به وب رو خریداری کردم و در حال یادگیری هستم و من در خارج از ایران هستم سوالی از حضورتان دارم اینه که من چگونه میتونم کار بگیرم لطفآ راهنمای کنین با تشکر فراوان از آموزش های خیلی خوبتون
سلام و درود
پاسخ به ایمیل شما ارسال شد
موفق و پیروز باشید
دستتون واقعا درد نکنه . لطفا آموزش های رایگان بیشتری بزارید .
سلام و درود
با تشکر از نظر ارزشمند شما
بله حتما سعی خواهیم کرد آموزش های رایگان رو بیشتر کنیم
موفق و پیروز باشید
بله بنده از موبایل استفاده میکنم سیستم خانگی یا لپتاپ ندارم. از اینکه پیگیر هستین واقعا تشکر میکنم. و تشکر ویژه بابت آموزشهای فوق العاده شما که اینهمه وقت گذاشتین و این آموزشهارو در اختیار دوستان قرار دادین.
دوره html عالی بود حتی یدونه سایت با همین گوشی درست کردم.
آرزوی سربلندی و موفقیت براتون دارم در پناه حق باشید.
سلام و درود
خواهش میکنم ما در خدمت هستیم و حتما پیگیری ها رو برای سایر دستگاه ها بیشتر خواهیم کرد که تا حد امکان هیچ مشکلی وجود نداشته باشه
از اینکه دوره های آموزش تک مورد توجه شما واقع شده بسیار خوشحالیم و از اینکه نظرات ارزشمند خودتون رو با ما در میان میزارید از شما سپاسگزاریم
موفق و پیروز باشید
سلام
مرسی از سایت آموزشی خوبتون.
ویدیو ها مثه اینکه برداشته شدن.
چون امروز که خواستم ادامه ویدیو html رو ببینم هیچ ویدیویی وجود نداشت حتی ویدیوهای قبلی.
ثبت نام هم کردم.
ممنون میشم بررسی کنید.
مرسی از وقتی که واسه دوستان میذارید.
سلام و درود
با تشکر از نظر ارزشمند شما
طی بروزرسانی های اخیر یکسری خطاها به وجود آمده که به زودی رفع خواهند شد
در صورتی که با موبایل سایت رو مشاهده میکنید لطفا با لپتاپ یا کامپیوتر خانگی هم سایت رو تست کنید
از صبر و شکیبایی شما سپاسگزاریم
موفق و پیروز باشید
سلام استاد آیا برنامه ای برای آموزش کامل دوره php هم دارین ؟
با تشکر از زحماتتون
سلام و درود
بله حتما در آینده آموزش داده خواهد شد اما طبیعتا بر اساس حساسیتی که ما برای کامل بودن دوره ها داریم کمی طول خواهد کشید
از صبر و شکیبایی شما سپاسگزاریم
موفق و پیروز باشید
سلام
تشکر بابت سایت خوبتون
یه مشکلی داشتم فیلم های قسمت سوم و چهارم باز نمیشه میخواستم بدونم مشکل از سایته
سلام و درود
با سپاس از نظر ارزشمند شما
قسمت های مورد نظر بررسی شدند اما مشکلی برای مشاهده این قسمت ها دیده نمیشه
لطفا شما کش مرورگرتون رو خالی کنید و دوباره بررسی بفرمایید
موفق و پیروز باشید
با سلام مجدد
بنده کش مرورگر رو هم خالی کردم و حتی با کامپیوترهای مختلف امتحان کردم بعضی از فیلم ها رو اجرا نمی کنه و پیغام This content is protected, please login and enroll course to view this content!
رو میده
که وقتی با نام کاربری و رمز هم دوباره وارد میشم باز همین مشکل هست
سلام و درود
دروس مورد نظر کاملا بررسی شدن و مشکلی از لحاظ فعال بودن ندارن
لطفا اگر بازهم مشکل دارید از قسمت تماس با ما ، با ما در ارتباط باشید
موفق و پیروز باشید
سلام قسمت ورود و ثبت نام غیر فعاله
سلام و درود
با عرض پوزش از شما ، مشکل برطرف شد
موفق و پیروز باشید
سلام.
آموزش ها عالی هستن و راحت میشه یاد گرفت دمتون گرم
میخام با جاوا اسکریپت سایت بنویسم نمیدونم از کجا شروع کنم راهنمایی میکنید؟
سلام و درود
از اینکه آموزش ها مورد توجه شما همراه عزیز ما قرار گرفته بسیار خوشحالیم
اگر در حال حاضر به HTML و CSS مسلط هستید قدم بعدی برای شما فراگیری جاوا اسکریپت هست که آموزش جاوا اسکریپت از مقدماتی تا پیشرفته در سایت قرار گرفته و میتونید مشاهده کنید
موفق و پیروز باشید
سلام
مرسی عالیه واقعا
سلام و درود
با سپاس از نظر ارزشمند شما
موفق و پیروز باشید
استاد بنظرم جلسات بیست تا بیست و سه واقعا برای مبتدی ها واقعا گنگه اصلا ما با کد های جاوا اسکریپت اشنایی نداریم خیلی گنگه برامون بنظرم نباید این اموزش ها رو اضاف بکردی چون واقعا نمیفهمیم ..
سلام و درود
علیرضا جان ببین این دوره همونطور که از اسمش پیداست آموزش کامل HTML و HTML5 هست و مباحثی که بهش اشاره کردی جزو مباحث اصلی HTML5 هست ، بلاخره هر دوره ای یک پیشنیاز یا همنیازی داره که باید یاد گرفت و این دلیل نمیشه که بگیم چون این دوره یک پیشنیازی داره باید ناقص آموزش داده بشه! بلکه دانشجو باید پیش نیاز دوره ها رو ببینه تا بتونه به بهترین شکل ممکن مباحث رو یاد بگیره ..
الان به فرض مثال مباحثی که بهش اشاره کردی ، درسته که داخل HTML5 هست اما پیش نیازش آموزش جاوا اسکریپت هست که باید جاوا اسکریپت رو یاد بگیری تا بتونی این مباحث رو بهتر متوجه بشی
امیدوارم که موضوع کاملا برات روشن شده باشه ، برای مثال الان ما در حال ضبط دوره آموزش Bootstrap 4 هستیم و پیشنیاز های این دوره HTML ، CSS ، Flexbox و تا حدی جاوا اسکریپت هست و نمیتونیم بگیم که چون کاربر با اینا آشنا نیست خوب دوره رو به صورت کامل پوشش ندیم
موفق و پیروز باشید
سلام و وقت بخیر و خدا قوت به تیم کاری آموزش تک
جناب مصطفی زاده خیلی سپاسگذارم ازتون بابت دوره فوق العاده ای که تولید کردن به این دلیل که
خیلی روان و ساده تدریس انجام گرفته و هر کسی متوجه اطلاعات این دوره میشه…. یک تشکر ویژه
هم ازتون دارم به این دلیل که وقت میذارید و همیشه پاسخگو هستید و راهنمایی میکنید….
سلام و درود
در ابتدا که خیلی خوشحالیم که دوره ها لایق و مورد رضایت شما همراه عزیز ما قرار گرفتن
ماهم از شما خیلی سپاسگزاریم که با نظرات خودتون به ما انرژی و قوت قلب میدید
ما در خدمت هستیم
موفق و پیروز باشید
واقعا ممنون به خاطر این اموزش عالی من منتظرم تا این دوره اموزش تمام شه و حتما چند دوره دیگر را خریداری میکنم
واقعا ممنونم با اموزش کامل شما راحت میتونیم html رو کامل یاد بگیریم
سلام و درود
خیلی خوشحالیم که این دوره آموزشی مورد توجه شما همراه عزیز ما قرار گرفته
نظرات ارزشمند شما انرژی بخش ما هستند از نظر ارزشمند شما سپاسگزاریم
موفق و پیروز باشید
درود و خسته نباشید خدمت آقای مصطفی زاده.سپاسگزارم از اینکه این دوره آموزشی رو با کیفیت عالی رایگان در اختیار ما گذاشتید، من در حال دیدن آموزش این دوره هستم و حتما به امید خدا بعد از تکمیل و یادگیری این دوره برای خرید آموزش های بعدی لازم هزینه میکنم با نهایت خوشحالی و افتخار.از آقای شکری هم سپاسگزارم برا ی دوره آموزشی افترافکت.براتون آرزوی سلامتی و موفقیت میکنم.
سلام و درود
از اینکه دوره های آموزشی آموزش تک مورد توجه شما قرار گرفته بسیار خوشحالیم
ماهم از همراهی دوستانی چون شما سپاسگذاریم
با آرزوی سربلندی و موفقیت روزافزون برای شما
موفق و پیروز باشید
با سلام و عرض خسته نباشید خدمت جناب آقای مصطفی زاده .
دوره css شما را خریداری کردم و بسیار مفید بود .
ممنونم از شما و سپاسگزارم .
سلام و درود
از اعتماد و همراهی شما بسیار سپاسگذاریم.
مایه خوشحالی ماست که این دوره آموزشی برای شما عزیز مفید واقع شده
با تشکر از نظر و دیدگاه ارزشمند شما
موفق و پیروز باشید
سلام من دوتا دوره آموزشی خرید کردم اما هنوز به جیمیل نفرستادید . بی زحمت راهنمایی کنید
سلام و درود
ابتدا از خرید و اعتماد شما سپاسگذاریم
دوره های آموزش جاوا اسکریپت از مقدماتی تا پیشرفته و آموزش کامل CSS و CSS3 بلافاصله برای شما فعال شده و متوانید فهرست دروس رو مشاهده کنید
ایمیل تکمیل سفارش نیز برای شما ارسال شده است
موفق و پیروز باشید
استاد شرمده ولی پروژه های هر جسله کدوم قسمت هست ؟
سلام و درود
در قسمت اول این دوره آموزشی قرار داده شده که میتونید دانلود کنید
موفق و پیروز باشید
باسلام
تا الان تقریبا نصف دوره ها رو دیدم و واقعا یاد گرفتم چون تا حالا آموزشی به این تمیزی و کاملی ندیده بودم
ممنون از سایت خوبتون
سلام و درود
از نظرات بسیار ارزشمند شما سپاسگذاریم
امیدواریم در این راه بتونیم همواره آموزش هایی درخور شما عزیزان آموزش تک رو تولید کنیم
موفق و پیروز باشید
تا درس نه دیدم و عالی یاد گرفتم استاد بازم ممنونم خیلی ممنونم خیلی خوشحالم خداوکیلی 🙂
راستی همچنان مشتاق دوره css هستم 🙂
سلام و درود
از اینکه این دوره آموزشی مورد استقبال شما واقع شده بسیار خوشحالیم…
دوره css به زودی منتشر خواهد شد
موفق و پیروز باشید
یعنی اموزش بهتر از این با این فن بیان ندیدم عالی هستین استادم من با سایت شما امروز اشنا شدم و خیلی خوشم اومد از داشتن همچین سایتی ببخشید ایا این سایت اموزش css هم داره که بعد از اموزش html برم دور css ؟
سلام و درود علیرضا عزیز
با این نظرات ارزشمند و زیبای شما مطمئن باشید که قدرت ما برای ادامه راه دوچندان خواهد شد ، از نظر بسیار ارزشمند شما سپاسگذاریم
بله دوره آموزش کامل css و css3 هم به زودی در سایت منتشر خواهد شد و این افتخار رو داریم تا یک دوره تک و درخور شما عزیزان رو منتشر کنیم
موفق و پیروز باشید
استاد خوبم ببخشید این دوره در حال رکورد هست ؟ یعنی دارید فیلم میگرید ؟
فقط هر چه سریع تر منتشرش کنید عالیههههه سایتتون
بله در حال رکورد قسمت های پایانی آموزش هستیم و حداکثر تا یک هفته بر روی سایت قرار میگیره … از شکیبایی شما عزیزان سپاسگذاریم
استاد با نظرتون باور کنید اینقدری شاد شدم که حد نداره بهترین هستید شک نکنید خداییش تا حالا همچین سایتی که اینقد به فکر کاربراشه ندیدم واقعا تکید موفق باشید همیشه طرفدارتونم 🙂
ما هم با نظرات ارزشمند شما بسیار خوشحال شدیم ، امیدواریم که همواره بتونیم رضایت و خوشنودی شما عزیزان رو داشته باشیم…
موفق و سربلند باشید
ممنون از سایت خوبتون
سلام و درود
ممنون از نظر خوب شما…
موفق و پیروز باشید
آقای مصطفی زاده سلام
خیلی ممنونم از سایت خوبتون
من هر چند روز یکبار سایتتون رو چک میکنم ببینم آیا آموزش جدیدی قراردادین یا نه و یه چند مورد از آموزش های سایتتون رو خریداری کردم
میدونم الان مشغول آماده سازی دوره سی اس اس هستید و با توجه به اینکه روی مباحث این دوره تسلط دارم اما بازهم بیصبرانه منتظر این دوره هستم چون میدونم نکاتی رو مطرح میکنید که لازم و در موارد زیادی جدید هستند که تا به حال به اونها برخورد نکردم
اما به هر حال لازمه بدونید که ما منتظر دوره های جدید در سطح های بالاتر هستیم
مثلا شما یک سایت رو طراحی کردید و اون رو ریسپانسیو کردید حالا ما انتظار داریم اموزش دوره های پی اچ پی بزارید تا ببینیم چجوری میشه قسمت ورود و عضویت در سایت رو فعال کرد
یا بخش عضویت در خبرنامه
یا قسمت جستجو در سایت ، ایجاد پست و قراردادن کامنت زیر پست ها ،ایجاد دسته بندی مطالب و ساخت نقشه سایت
آموزش جی کوئری و …
ما منتظر این آموزش ها هستیم
به امید موفقیت روز افزون برای شما
سلام و درود
ابتدا اینکه از نظر و دیدگاه ارزشمند شما بسیار سپاسگذاریم
همان طور که اطلاع دارید سعی ما در آموزش تک تولید آموزش های جامع و کاربردی میباشد و طبیعتا تولید اینچنین آموزش هایی لازمه صرف زمان خواهد بود پس اگر آموزش ها یکم دیر در آموزش تک منتشر میشوند ما از شما عذر خواهی میکنیم
بله الان دوره CSS & CSS3 در حال ساخت هستش و مطمئنا یک دوره کامل و درخور شما عزیزان خواهد بود.
ببینید تولید یک سری از آموزش ها لازمه رعایت یک سری از اصول ها هستش و اصول یادگیری طراحی وب ، پله پله یادگرفتن هستش . ما اساس تولید آموزش های حوضه وب رو بر این مبنا قرار دادیم که دوستان و همراهان عزیز آموزش تک کاملا مبتدی هستند و قرار هست که مبحث رو از صفر یاد بگیرند و اجبارا باید این اساس رو کلی در نظر بگیریم و مطمئنا قادر نیستیم که آموزش ها رو فقط برای دوستان حرفه ای تولید کنیم و اینکه در حال حاضر ما سعی میکنیم که زبان های Front-End که یک حداقلی برای شروع طراحی وب هستند رو باهم کار کنیم و یاد بگیریم و بعد از این زبان ها وقت این خواهد رسید که ما وارد زبان های یکم پیچیده تر Back-End مانند PHP بشیم . برای مثال فرض بگیرید اگر ما در ابتدا زبانی مثل JavaScript یا فریمورک Jquery رو آموزش میدادیم برای دوستانی که با HTML و CSS آشنایی ندارند کاملا غیر کاربردی میشد.
اما بنده به شما هم این اطمینان رو میدم ، با اینکه ما فعلا بر روی زبان های Front-End کار میکنیم مطمئن باشید که این دوره ها هم برای شما بسیار پر بار و حائز اهمیت و در عین حال بهترین قدم خواهد بود برای وارد شدن به دنیای Back-End .
در نهایت از همراهی شما دوستان عزیز سپاسگذاریم
موفق و پیروز باشید