نحوه راه اندازی گوشی های هوشمند و رایانه های شخصی. پرتال اطلاعاتی
  • خانه
  • اهن
  • برنامه نویسی HTML5 برای مبتدیان دروس مدرن HTML برای مبتدیان

برنامه نویسی HTML5 برای مبتدیان دروس مدرن HTML برای مبتدیان

یا درس خواندن درس های HTMLمستقل و آزاد

آیا می خواهید وب سایت خود را در اینترنت ایجاد کنید؟ - خیلی خوب! HTMLدروس به شما در این امر کمک می کند.

زبان نشانه گذاری HyperText یا به اختصار HTML- زبان نشانه گذاری فرامتن، محصول کنسرسیوم W3C - زیربنای تقریباً تمام صفحات وب موجود است، که آن را در رتبه اول در سلسله مراتب ابزارهای ایجاد وب سایت قرار می دهد. باید داده شود توجه ویژهدروس این بخش را مطالعه کنید

  • درس های HTML- اینها درسهایی در مورد ایجاد صفحات اینترنتی هستند.
  • درس های HTML- اولین قدم برای تسلط بر توسعه سایت های اینترنتی.
  • درس های HTMLو درس طراحی وب مفاهیم کاملا متفاوت است.

جدید، مدرن درس های HTMLبه صورت ویژه طراحی شده برای مبتدی ها.

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

همانطور که اولین صفحات خود را ایجاد می کنید، از فکر کشف دنیایی لذت خواهید برد که قبلاً هرگز نمی دانستید، و شاید حتی نمی دانستید که وجود دارد - دنیایی از امکانات دیگر - دنیای وب.

مراقب باش! ممکن است به یک فعالیت جدید معتاد شوید.

دروس جدید HTML | نمونه کد HTML

بیایید به عناصر آن نگاه کنیم:

برچسب هایی که ابتدا و انتهای یک سند را مشخص می کنند.

بخش خدمات در اینجا دستوراتی برای مرورگرها، دستورالعمل هایی برای ربات های جستجو، پیوند به فایل های راه دور، اسکریپت ها.

برچسب ها تعریف می کنند عنوان اصلیسند

این بخش شامل همه قسمت قابل مشاهدهصفحات وب.

در مرورگر خواهیم دید سلام دنیا! :

برای مطالعه HTMLدفترچه یادداشت مورد نیاز است. در آن ما به صورت دستی کد را تایپ می کنیم. شاید این همه... با تفسیر کد سروکار داشت نرم افزاربرای مشاهده صفحات وب، یعنی اینترنت اکسپلورر، فایرفاکس، اپرا، کروم و سایر مرورگرها.

درس های این دوره ارائه خواهد شد HTML 5، گنجاندن XHTML و CSS. این ترکیب برای یادگیری بهینه است و به شما امکان می دهد تسلط بر مطالب را به میزان قابل توجهی افزایش دهید.

در حال حاضر، مشخصات در حال حاضر در وب سایت رسمی کنسرسیوم W3C موجود است HTML 5. توسعه نسخه پنجم در سال 2007 آغاز شد، بر اساس آن XMLو در اصل با عناصر و صفات جدید تکمیل شده است، XHTML-خوردن نسخه پنجم HTMLعملکرد گسترده تری ارائه می دهد و فرآیند ایجاد سایت های تعاملی و برنامه های کاربردی وب را ساده می کند. بعلاوه، HTML 5حاوی عناصر اضافی است که قرار دادن محتوای چندرسانه ای را در داخل صفحه وب فراهم می کند.

جدید HTMLهنوز وضعیت توصیه را دریافت نکرده است و برچسب های آن در این مرحله فقط توسط برخی از مرورگرها شناسایی می شود. اما با وجود این، امروز درس های HTML 5 در دسترس هستند.

پست اسکریپتوم: اینترنت متشکل از تعداد بی نهایت صفحه است که با استفاده از "پروتکل انتقال ابرمتن" - HyperText توسط لینک ها به هم متصل شده اند. پروتکل انتقالیا به اختصار HTTP - پروتکلی برای انتقال داده ها در قالب اسناد فرامتن. چیست؟ HTML? HTML - زبان نشانه گذاری HyperTextیا زبان نشانه گذاری فرامتن.

7 ورودی در هر صفحه 15 ورودی در هر صفحه 30 ورودی در هر صفحه 50 ورودی در هر صفحه 100 ورودی در هر صفحه همه

  • گسترش قابلیت های HTML با ایجاد برچسب های خود

    در این آموزش من به شما روند ایجاد خود را نشان خواهم داد تگ های HTML. برچسب های سفارشی بسیاری از مشکلات را حل می کنند: اسناد HTMLساده تر می شوند و خطوط کد کمتری وجود دارد.

    پیچیدگی:

  • تعیین قابلیت دسترسی به ویژگی HTML5 با استفاده از جاوا اسکریپت

    امروز به نحوه اجرای بررسی دسترسی ویژگی HTML5 با آن خواهیم پرداخت با استفاده از جاوا اسکریپت. ما عملکرد جزئیات و عناصر خلاصه را بررسی خواهیم کرد.

    پیچیدگی:

  • HTML5: Vibration API

    HTML5 - gulp هوای تازه V وب مدرن. این چیزی بیش از وب کلاسیک را که امروزه می شناسیم تحت تأثیر قرار داد. HTML5 طیف وسیعی از APIها را برای ایجاد و بهبود هدف گذاری وب سایت ها در اختیار توسعه دهندگان قرار می دهد دستگاه های تلفن همراه. در این مقاله به API برای کار با لرزش می پردازیم.

    پیچیدگی:

  • ایجاد فرم ها با استفاده از Webix Framework - 4 مثال عملی

    طراحان وب اغلب با نیاز به ایجاد فرم مواجه هستند. این وظیفهساده نیست و می تواند باعث سردرد شود (به خصوص اگر کاری غیر استاندارد انجام می دهید، مثلاً یک فرم چند صفحه ای). برای اینکه زندگی خود را آسان تر کنید، می توانید از یک چارچوب استفاده کنید. در این مقاله چندین مورد را به شما نشان خواهم داد تکنیک های عملیبرای ایجاد فرم ها با استفاده از چارچوب Webix.

برنامه نویسی وب بدون زبان قابل تصور نیست نشانه گذاری HTML. این زبان قادر است به مرورگر بگوید چه چیزی در صفحه است: چه عناصری وجود دارد، فیلدهای متنی، دکمه ها و موارد دیگر. در این درس های ویدیویی زبان نشانه گذاری HTML5 را یاد می گیریم.

درس تصویری:

عنوان کامل - زبان نشانه گذاری HyperText. این یک زبان نشانه گذاری فرامتن است که به طور گسترده در ساخت صفحات وب و اسناد استفاده می شود. مسیر HTML از نیمه اول شروع شد دهه 90. در آن زمان بسیار ابتدایی بود، اما از قبل به ساخت آن کمک می کرد صفحات سادهبرای وب از آن زمان، زبان به طور مداوم در حال تکامل است، به امروزاو قبلاً چیزهای زیادی یاد گرفته است. بدون HTML، به شکلی که ما به آن عادت کرده ایم، وب سایت ها به سادگی وجود نداشتند. تقریباً همه وب سایت ها تا حدی از HTML استفاده می کنند.

استاندارد فعلی امروز است HTML5، که به طور رسمی در سال 2014 منتشر شد. این یک استاندارد انقلابی است که اجازه می دهد زبان به سطح جدیدی برسد.

جدید در HTML5:

  • الگوریتم تجزیه در طول توسعه ساختار DOM تغییر کرده است.
  • برچسب های جدیدی مانند صدا، تصویر و موارد دیگر ظاهر شده اند. به هر حال، اکنون می توانید یک پخش کننده وب فقط با استفاده از HTML ایجاد کنید. قبلا مجبور بودم استفاده کنم Adobe Flashبازیکن؛
  • بازتعریف برخی از قوانین و معناشناسی برای استفاده از عناصر HTML.

اگر در سطح جهانی نگاه کنید، HTML5 بیش از این شده است نسخه بعدیزبان، اما یک پلت فرم تمام عیار برای توسعه برنامه. قبلاً توانایی های او به ساختن سازه محدود می شد، امروز او بسیار باهوش تر است. با انتشار استاندارد، دامنه استفاده از زبان بسیار گسترش یافته است. علاوه بر جهت سنتی توسعه وب، از آن برای ایجاد استفاده می شود برنامه های کامپیوتریدر ویندوز 8 و جدیدتر، و همچنین برای توسعه برنامه های کاربردی برای گوشی های هوشمند در تمام پلتفرم های محبوب.

همه چیز به جایی رسیده است که HTML5 در دو جهت کلیدی مورد استفاده قرار گرفت:

  • به عنوان یک نسخه به روز شده از زبان HTML؛
  • به عنوان یک پلتفرم کاربردی که می توانید بر روی آن برنامه های کاربردی وب با پیچیدگی های مختلف بسازید. درست است، ایجاد کنید برنامه کاملبا HTML5 خالص کار نمی کند و CSS3 نیز برای این کار استفاده می شود.

چه کسی HTML5 را ارتقا می دهد؟ این زبان توسط W3C یا نام کامل آن کار می شود - جهان وب گستردهکنسرسیومیک سازمان بین المللی است که استقلال خود را از توسعه دهندگان خاص حفظ می کند. همچنین مشخصات، تعاریف و استانداردهایی را برای HTML5 تولید می کند. مشخصات اصلی و کامل در وب سایت رسمی از طریق لینک ( به زبان انگلیسی موجود است). این سازمان کار روی زبان را کامل نکرده است، برعکس، همچنان به توسعه آن ادامه می دهد.

پشتیبانی از مرورگر

درک این نکته مهم است که مشخصات HTML5 و پیاده سازی این فناوری در مرورگرهای خاص مفاهیم متفاوتی هستند. بسیاری از مرورگرهای وب در حال توسعه به تدریج شروع به پیاده سازی ویژگی های HTML5 حتی قبل از انتشار این نسخه کردند. امروزه اکثر مرورگرهای جدید از تمام ویژگی های HTML5 پشتیبانی می کنند. حمایت کاملارائه کنید: کروم، IE 11، فایرفاکس، اج، اپرا. نسخه های نسبتا قدیمی از استانداردهای جدید پشتیبانی نمی کنند، به عنوان مثال، IE 8 و نسخه های قبلی. در نسخه IE 9و 10 استانداردها قبلاً اجرا شده اند، اما فقط به طور جزئی.

اغلب مرورگرها ممکن است به طور کلی با استاندارد جدید کار کنند، اما ویژگی ها را متفاوت مدیریت می کنند یا به سادگی خطا می کنند. بنابراین، هنگام توسعه مرورگر متقابل، باید تمام ویژگی های مرورگرها را در نظر بگیرید. به در این لحظهپشتیبانی از استاندارد توسط مرورگرهای وب در حال حاضر در سطح خوبی است.

برای اطمینان از آن نسخه فعلیمرورگر از HTML5 پشتیبانی می کند، می توانید یک آزمایش کوتاه انجام دهید.

برای کار به چه چیزی نیاز دارید؟

چه چیزی در طول توسعه برای HTML5 مفید است؟ ابزار کلیدی - ویرایشگر متن، که کد صفحه وب آینده در آن تایپ می شود. یکی از محبوب ترین و ویرایشگرهای چند منظوره Notepad++ است. در وب سایت رسمی کاملاً رایگان در دسترس است. علاوه بر رایگان بودن برای توزیع، تمام عملکردهای لازم را نیز دارد، پلاگین های مفید زیادی دارد و تگ های باز و بسته شدن را برجسته می کند.

بهترین مقالات در این زمینه