اموزش HTML-قسمت اول

اموزش HTML-قسمت اول ،معرفی HTML

سلام و عرض ادب به تمامی کاربران وبسایت اسکولرن

تیم اسکولرن تصمیم گرفته که یه دوره اموزش های html قرار بدیم در سایت(البته نمونه های دیگه هم موجوده) اما سعی میشه مثال های بیشتر با توضیحات عمیق تر، برای درک بهتر HTML ارائه بشه…

خوب، اموزش HTML-قسمت اول یعنی معرفی html رو با هم شروع میکنیم…

HTMLیا Hyper Text Markup Language زبان نشان گذاری ابر متن هستش…

هر فایل وبی که ما در مرورگر هایی مثل کروم ie یا فایرفاکس میبینیم، مطمئنا از html استفاده کردن…

در اصل، هر محتوای موجود در وب، برای نمایش و ترجمه توسط مرورگر، باید از html استفاده کنه…

فایل های Html همونطور که از اسم Html مشخص هست، از تگ (tags) ها استفاده میکنن و در اصل، با استفاده از تگ ها، قسمت های مختلف صفحه رو نشان گذاری میکنن و ویژگی هایی رو به اون قسمت ها میبخشن…

کدهای html در اصل صفحات وب رو توصیف میکنن و برای ساختن صفحات وب، به این کد ها نیاز خواهیم داشت…

در زیر، یک سند ساده html رو میشه دید…

خروجی کد بالا، به شکل زیر هستش…

اموزش HTML-قسمت اول

همونطور که میینید، قسمتی که بین تگ <h1>  قرار گرفته، به عنوان تیتر و قسمت بین تگ <p> به عنوان پاراگراف، توصیف شده است…

حالا بریم سراغ توضیح قسمت هایی از کد بالا

<!DOCTYPE html>  این تگ، نشان دهنده نوع فایل هستش که ما گفتیم html(در Html5 همین شکل تعریف، کافیه)

<title>schoolearn</title> این خط کد، تیتر صفحه وب رو مشخص میکنه، همونطور که توی تصویر، مشخص هست، نوشته روی tab این صفحه، نوشته موجود در این تگ، یعنی schoolearn است…
این دو خط رو هم که بالاتر توضیح دادم…

نحوه استفاده از تگ ها

خوب، برای انکه بخوایم از تگ های html استفاده کنیم(اکثریت تگ ها) ، باید مثل زیر عمل کنیم…

<tagname>content</tagname> 

به جای tagname نام تگ مورد نظر و به جای content اون متن یا محتوای مورد نظرمون رو توی اون تگ قرار میدیم

همونطور که میبینید، تگ در یک قسمت باز میشه  <tagname> و در یک قسمت بسته میشه <tagname/>

پس تگهای Html رو حتما باید باز کرد و بعد از قرار دادن مقادیر بست(بعضی تگهای استثنا هم وجود داره)

نحوه کار مرورگر

مرورگر، همونطور که قبلا گفتم، صفحات html  رو ترجمه میکنه و نتیجه رو به ما نشون میده

حالا مرورگر از کجا متوجه میشه که این صفحه، Html هست

3 چیز تاثیر داره:

  • پسوند فایل که حتما باید .htm باشه
  • DOCTYPE که باید HTML باشه
  • وجود تگ <html> در ابتدا و انتهای فایل

ساختار صفحهات Html به سه ثسمت کلی تقسیم میشه

کد زیر رو ببینید

تگ head برخی مقادیر کلیدی صفحه html مثل متا تگ ها، ایکون صفحه، تیتر صفحه و … رو در بر میگیره

تگ body ساختار کلی صفحه html رو در بر داره که شامل تگهای دیگه میشه…

و این دو تگ، در یک تگ کلی که html نام داره، قرار دارن…

خوب، اموزش HTML-قسمت اول به نظرم به پایان رسیده و مشکل خاصی تا این قسمت نداریم…

هر سوالی داشتید، در بخش نظرات بپرسید تا در حد توان، کمکتون کنیم…

و حتما، سایت رو به دوستانتون معرفی کنید…

اختصاصی اسکولرن

4 پاسخ

  • arastoomsآوریل 10, 2016 در 8:50 ب.ظ

    بسیار عالی
    امید وارم دنباله دار باشه این آموزش خوب و مفید

    پاسخ دادن
  • شایان شجاعیجولای 10, 2016 در 5:31 ب.ظ

    عالیه…
    ممنون :)

    پاسخ دادن

ارسال ديدگاه

لطفا نام خود را وارد كنيد! لطفا آدرس ايميل را صحيح وارد كنيد! لطفا پيام را وارد كنيد!