مبانی زبان HTML || کدامین
مبانی زبان HTML || کدامین

مبانی زبان HTML

در این بخش چند مثال از مبانی و مفاهیم پایه HTML میزنیم و آموزش مبانی HTML رو شروع میکنیم.

اسناد HTML

تمامی اسناد HTML باید با عبارت زیر شروع شن که این عبارت مشخص کننده نوع سند هست : <!DOCTYPE html>.
خود سند HTML با عبارت های <html> شروع و با <html/> تموم میشه.
سند html یک بخشی داره که بدنه اصلی رو تشکیل میده یعنی ما هر کدی رو که بخوایم تو صفحه وبمون دیده بشه باید اینجا بنویسیم. بدنه سند اچ تی ام ال با <body> شروع میشه و با <body/> تموم میشه. مثال زیر رو ببینید:


					
				

تگ Doctype html چیست؟

<DOCTYPE!> این تگ میاد به مرورگر میگه که نوع سندی که داره اون رو میخونه چی هست!!!
و باعث میشه مرورگر صفحه شما رو به درستی به مرورگر نشون بده. (یادتون باشه با html میتونید ناسا رو هک کنید 🙂 )
این تگ قبل از تمامی کد ها در بالای صفحه قرار میگیره و یک بار در صفحه نوشته میشه.
این تگ به بزرگی و کوچیکی حروفش حساس نیست , پس نگران نوشتنش نباشید.
در HTML5 این تگ اینجوری نوشته میشه: <DOCTYPE html!>

سربرگ های زبان هک ناسا 🙂

شما یه متن دارید و اون متن عنوان داره و میخواید تو صفحه وبتون نشونش بدید. برای نشان دادن عنوان ها در HTML از تگ های <h1> تا <h6> استفاده کنید.
تگ عنوان شماره 1 یعنی مهمترین عنوان و باید فقط یک بار در هر صفحه وب نوشته بشه . تگ ها تا شماره 6 آروم آروم از اهمیتشون کم میشه و همینطور سایزشون هم کوچیکتر میشه.
یک نکته : تگ یعنی برچسب ! خب باز یعنی چی ؟ یعنی ما برچسب میزنیم که اون قسمت چه چیزی هست!! عنوانه ؟ متنه ؟ عکسه؟
تگ ها با <> شروع میشن و با </> تموم میشن و بینشون المانی که میخوایم تعریف کنیم قرار میگیره…
کد زیر رو تو ویرایشگرت کپی کن تا کامل ببینی چه اتفاقی میوفته…


					
				

پاراگراف در HTML

شما یه متن دارید و اون متن عنوان داره و میخواید تو صفحه وبتون نشونش بدید. برای نشان دادن عنوان ها در HTML از تگ های <h1> تا <h6> استفاده کنید.
تگ عنوان شماره 1 یعنی مهمترین عنوان و باید فقط یک بار در هر صفحه وب نوشته بشه . تگ ها تا شماره 6 آروم آروم از اهمیتشون کم میشه و همینطور سایزشون هم کوچیکتر میشه.
یک نکته : تگ یعنی برچسب ! خب باز یعنی چی ؟ یعنی ما برچسب میزنیم که اون قسمت چه چیزی هست!! عنوانه ؟ متنه ؟ عکسه؟
تگ ها با <> شروع میشن و با </> تموم میشن و بینشون المانی که میخوایم تعریف کنیم قرار میگیره…
کد زیر رو تو ویرایشگرت کپی کن تا کامل ببینی چه اتفاقی میوفته…

دروس ارائه شده در سایت به صورت متنی و مبنی بر داکیومنت مرجع میباشد.
جهت مشاهده ویدیو های آموزشی دروس میتوانید به کانال یوتیوب کدامین مراجعه کنید.

محبوب ترین محصولات

دیدگاهتان را بنویسید

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

X