میتوانم شکست را بپذیرم اما تلاش نکردن را هرگز!

اچ‌تی‌ام‌ال

آموزش اچ‌تی‌ام‌ال (HTML)

زبان نشانه گذاری ابرمتنی یا اچ تی ام ال یا به انگلیسی HTML که مخفف Hyper Text Markup Language می باشد، یکی از هسته های اصلی و مادر جهت ساخت و ایجاد صفحات وب می باشد.


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

یک بار برای همیشه طراحی وب را یاد بگیرید
اولین قدم برای وارد شدن به دنیای طراحی و برنامه نویسی وب، تسلط به HTML5 و CSS3 است. شما در حیطه‌ی آنلاین هر هدفی داشته باشید، قبل از هرچیز باید به HTML5 و CSS3 مسلط باشید.
فرقی نمیکند که میخواهید یک طراح وب باشید و یا برنامه نویسی را با PHP و یا Javascript ادامه دهید. در هر صورت شما نیاز به HTML5 و CSS3 دارید.
میتوان گفت HTML5 و CSS3 پایه‌های وب هستند و هرکسی که بخواهد در دنیای وب کاری تخصصی انجام دهد، نیاز به دانش در این زمینه دارد.

چیست؟ HTML5
HTML5 جدیدترین نسل از زبان hyper text market مورد استفاده در طراحی سایت بوده و مورد تایید کنسرسیوم شبکه جهانی اینترنت یا همان W3C می باشد. پیشنویس اولیه آن در سال 2008 ارائه شد ولی تا 2011 تغییرات خاصی در آن اعمال نشده بود. در سال 2011 HTML5 بصورت رسمی منتشر شد و از آن روز مورد استفاده برنامه نویسان قرار گرفت ولی در ابتدا مرورگرهای کمی این زبان جدید را پشتیبانی میکردند. امروزه تمام مرورگرهای اصلی مانند کروم، سافاری، فایرفاکس و اینترنت اکسپلورر زبان کدنویسی HTML5 را پشتیبانی میکنند و امکان استفاده از تمام ظرفیت های آن فراهم شده است.

تهیه و انتشار HTML5 با اهداف مشخصی صورت گرفت که مهمترین آنها عبارتند از:

  • امکانات جدید باید بر پایه HTML، CSS، DOM و javascript بوده و همخوانی لازم را داشته باشد.
  • نیاز به افزونه های خارجی و جانبی مانند فلش تا حد امکان کاهش یابد.
  • رفع مشکلات و ارورها در HTML5 از نسخه های پیشین راحت تر باشد.
  • استفاده از اسکریپت در کدنویسی این زبان با نشانه گذاری جایگزین شود.
  • HTML5 باید مستقل از دستگاه باشد و بر روی هر توع کامپیوتر و گجتی قابل استفاده باشد.
  • مراحل پیشرفت و بروزرسانی آن متن باز و در اختیار عموم باشد.

تاریخچه HTML
در سال ۱۹۸۰، فیزیکدان تیم برنرز لی ، پروژه ی CERN، INQUIRE را که یک سیستم ابر متن و مبتنی بر اینترنت بود را برای استفاده و به اشتراک گذاری اسناد، برای محققین پروژه CERN پیشنهاد داد. مرورگر وب نیز در سال ۱۹۹۰ طراحی و منتشر شد.
اولین توصیف از تگ های HTML، یک سند به نام “برچسب های HTML” بود، که در اواخر سال ۱۹۹۱ توسط Tim Berners-Lee در اینترنت معرفی شد. خصوصیات پیش فرض برای هر مورد نشانه گذاری HTML در مرورگر تعریف شده است و این ویژگی ها را می توان با استفاده از CSS تغییر داد.
Berners-Lee considered کدهای HTML اولیه را در ابتدا با عنوان SGML معرفی کرد. و در اواسط سال ۱۹۹۳، html با عنوان SGML به طور رسمی توسط نیروی کار تخصصی مهندسی اینترنت (IETF) تعریف شد.
و در همان سال ۱۹۹۳ نسخه HTML+ معرفی شد. بعد از اولین طراحی HTML و HTML + شرکت IETF یک گروه کاری برای کار روی HTML ایجاد کرد. و در سال ۱۹۹۵ موفق به تکمیل HTML 2.0 شدند. پیشرفت گروه IETF متوقف شد و از سال ۱۹۹۶ مشخصات کلی HTML حفظ شد. تا اینکه در اواخر سال ۱۹۹۹ نسخه HTML 4.01 منتشر شد. و از سال ۲۰۰۴ توسعه HTML5 آغاز گردید. که در سال ۲۰۰۸ با W3C مشترک شده و نهایتا در تاریخ ۲۸ اکتبر ۲۰۱۴ تکمیل و استاندارد شد.

بازه زمانی نسخه های HTML

  • HTML 2.0 : در تاریخ ۲۴ نوامبر ۱۹۹۵ به عنوان RFC 1866 منتشر شد.
  • HTML 3.2 : در تاریخ ۱۴ ژونرای ۱۹۹۷ به عنوان W3C Recommendation منتشر شد.
  • HTML 4.0 : در تاریخ ۱۸ دسامبر به عنوان W3C Recommendation انتشار یافت.
  • در تاریخ ۲۴ آپریل ۱۹۹۸ با ویرایش های جزئی منتشر شد : (updated) HTML 4.0
  • HTML 4.01 : در تاریخ ۲۴ دسامبر ۱۹۹۹ انتشار یافت.
  • XHTML : در می سال ۲۰۰۰ انتشار یافت.
  • HTML5 : در تاریخ ۲۸ اکتبر ۲۰۱۴ ، منتشرشد.
  • HTML 5.1 : در تاریخ ۱ نوامبر ۲۰۱۶ انتشار یافت.
  • HTML 5.2 : در تاریخ ۱۴ دسامبر ۲۰۱۷ انتشار یافت.

فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی
  • قسمت اول : مقدمات کار
    • آشنایی با نحوه ساخت فایل های 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
  • قسمت هفدهم : رسم اشکال گرافیکی در html5 با SVG
    • آشنایی با تگ svg
    • آشنایی با تگ rect
    • آشنایی با تگ circle
    • آشنایی با تگ line
    • آشنایی با تگ polygon
  • قسمت هجدهم : آشنایی با ویدیو و صدا
    • آشنایی با تگ audio
    • آشنایی با تگ source
    • آشنایی با تگ video
  • قسمت نوزدهم : نحوه استفاده از GeoLocation در html5
  • قسمت بیستم :آشنایی با نحوه Drag and Drop در html5
  • قسمت بیست و یکم:نحوه استفاده از WebStorage در html5
  • قسمت بیست و دوم : نحوه استفاده از WebWorker در html5

نیاز به پیش نیاز دوره ای نیست

موردی یافت نشد

واژگان کلیدی