آموزش جاوا اسکریپت – جلسه ۴

آموزش جاوا اسکریپت – جلسه ۴

آموزش جاوا اسکریپت از مبتدی تا پیشرفته
جلسه ۴

سلام با جلسه چهارم از سری اموزش های زبان برنامه نویسی جاوا اسکریپت در خدمتتون هستیم

در این جلسه میخوایم نکاتی از HTML رو بهتون یاد بدیم تا با کارکردن با اچ تی ام ال اشنایی لازم رو پیدا کنید

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

HTML چیست؟

HTML یا زبان نشانه گذاری متن ( Hypertext Markup Language) کدی هستش که برای ساخت یک صفحه وب به کار میبریم به عنوان مثال محتوای یه صفحه ی وب مجموعه ای از پاراگرافها و تصاویر وجداول داده ساخته میشود.

ساختار کلی HTML به صورت زیر است:

اولین قدم در اموزش HTML  اینه که ما بدونیم تعریف این زبان چیه ؟ اچ تی ام ال یک زبان برنامه نویسی نیست!

بلکه یک زبان نشانه گذاریه که ساختار محتوای وب سایت شما رو تعریف میکنه

HTML مجموعه ای از عناصر(Elements) است که با استفاده از اونها میتوانید بخش های مختلف یک صفحه وبسایت رو مشخص کنید و ظاهر سایتتون رو طراحی کنید.

به طور مثال خط زیر رو در ادیتور خودتون وارد کنید :

Hello World!!

اگر میخواهید این نوشته به شکل یک پاراگراف تو سایتتون نمایش داده بشه باید آن را با تگ پاراگراف ببندید!به این صورت :

<p>Hello World</p>

ساختار عناصر HTML

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

بخش اصلی عنصر ما شامل بخش های زیر میشه :

۱-تگ باز: شامل نام عنصریه که به کار میبریم(در این مورد p) که در درون <> قرار میگیرد،این علامت نشان دهنده ی شروع پاراگراف است

۲- تگ بسته : این هم مانند تگ باز،شامل نام عنصرمون میشه با این تفاوت که قبل از نام عنصر یک اسلش قرار میدیم،این تگ نشان دهنده ی پایان تاثیر عنصر روی محتوای شماست.

۳-محتوا (Content): محتوا میتواند یک لینک ،تصویر یا متن باشد،که در مثال ما محتوای ما یک متن است

۴- عنصر: تگ باز،تگ بسته و محتوا باهمدیگه یک عنصر رو تشکیل میدن عناصر میتونند ویژگی هایی هم داشته باشند(Attributes).

وِیژگی ها حاوی اطلاعات اضافی در مورد یک عنصر است که نمیخواهید در محتوای واقعی روی صفحه وبسایت خودتون به نمایش بزارید.

برای تمرین بیشتر به شما توصیه میکنم تمرینای سایت W3School رو دنبال کنید.

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.