was successfully added to your cart.

HTML چیست ؟ | جلسه اول

HTML چیست ؟

سلام خدمت دوستان عزیزم ؛

میخوام براتون بصورت کامل HTML رو توضیح بدیم و کلا به این سوال پاسخ دیم که HTML چیست ؟ و کاری کنیم آخر این دوره بتونید خودتون کدهای HTML رو بزنید و کم کم یه وب سایت راه اندازی کنید. تا آخر ای دوره با ما باشید و اگر کمکی و یا سوالی در هر جلسه داشتید حتما در قسمت نظرات بپرسید تا کارشناسان ما جوابتون رو ارسال کنن .

HTML چیست ؟

اول یک توضیحی درباره اینکه اصلا HTML چی هستش و چیکار میکنه میدیم بهتون.

HTML چیست ؟

زبان نشانه‌گذاری ابرمتنی یا اچ‌تی‌ام‌ال، HTML یا HyperText Markup Language در کنار سی‌اس‌اس هستهٔ فناوری ساخت صفحه‌های وب هستند. اچ‌تی‌ام‌ال زبان توصیف ساختار صفحه‌های وب است. زبانی‌است برای نشانه‌گذاری ابرمتن(فرامتن) که برای تدوین قالب و طراحی صفحه‌های وب به کار می‌برند. دستورالعمل‌های این زبان، برچسب (Tag) نام دارند که محتوای یک صفحهٔ وب، با آن‌ها، نشانه‌گذاری شده و بدین‌ترتیب، نحوهٔ نمایش آن صفحه برای مرورگرهای وب، توصیف می‌شود. تاکنون نسخهٔ ۵ آن عرضه است.

این توضیح خیلی سخته فهمش ! یه توضیح خودمونی اینکه HTML یه زبون هستش که در کنار زبان CSS میتونه برای شما صفحات وب سایت رو نمایش بده ! این دو در کنار هم میشه همین صفحه ای که الان دارید مشاهده می کنید ! همین …

 

HTML چیست ؟

خب ؛ تا اینجا فهمیدید که HTML در کنار CSS باید باشه ، حالا فرقشون چیه !؟ HTML کدهای کل سایت رو میسازه یعنی این خط میشه پاراگراف، کل این خط هایی که دارید میبینید میشه داخل یک مجموعه بزرگتر که توی HTML اسمش رر میذارن div یعنی قسمت . بعد کل اون منو بالای سایت هر کدومش یه کد li داره که همشون داخل یک مجموعه بزرگتری هستند و همینجوری که پیش بریم کل وب سایت میشه زیر مجموعه HTML ما ! حالا دو تا از زیرمجموعه های بزرگ ومهم HTML میشه body و head .

CSS چیست ؟

یعنی تمام این وب سایت که دارید میبیند داخل دو تا مجموعه body و head قرار داره . خب در مورد HTML فهمیدید. حالا CSS چیه و چیکار میکنه !؟ CSS ساده بخوایم بگیم میشه هر چیزی که شما بصورت ظاهری دارید میبیند ! رنگ این متن ها ، رنگ نارنجی سایت بی اس دیزاین اندازه المان های قرار داده شده توی این صفحه ، نوع فونت سایت ، اندازه فونت ، پهنای سایت ، طریقه قرار گیری عکس ها داخل سایت و … هر چیزی که فکرشو بکنید که مربوط به ظاهر و طرز قرارگیری یک المان توی HTML باشه به CSS ربط پیدا میکنه ! به همین سادگی !

head چیست ؟

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

 

HTML چیست ؟

body چیست ؟

قسمت body میشه تمامی کدهایی که شما دارید میبینید و اجرا شدن برای شما. از همون بالای سایت که منوها هستند تا این قسمت که متن اصلی صفحه قرار میگیره داخلش و قسمت پایین که فوتر سایت گفته میشه تمام و کمال توی زیرمجموعه body قرار میگیره . یچیزی گم بهتون کمی حرفه ای تر صحبت کنیم .

به تمامی المان هایی که داخل HTML تعریف میکنیم میگیم تگ ! (tag) مثلا همین زیرمجموعه body میشه تگ body ! زیر مجموعه head میشه تگ head زیر مجموعه title که داخل زیرمجموعه head قرار داره خودش میشه تگ title ! به همین سادگی حرفه ای تر شدید. فقط کافیه اول هر چی کد که تو HTML میبینید ( بعداً ) یه اسم نگ اولش بذارید .

 

HTML چیست ؟

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

Join the discussion ۲ نظر

Leave a Reply