در این جلسه از سری جلسات، آموزش HTML و CSS میخواهیم مفاهیم اولیه زبان نشانه گذاری HTML را بررسی کنیم، توجه داشته باشید که اگر میخواهید وارد حوزه طراحی سایت شوید، مفاهیم پایه زبانهای HTML و CSS یکی از مهمترین بخشهاست که باید با دقت دنبال کنید و تمامی موارد را به خوبی یاد بگیرید تا در آیندهای نزدیک یک طراح سایت حرفهای شوید.
زبان HTML چیست؟
HTML یا HyperText Markup Language، زبانی است که برای ساختاردهی و نمایش اطلاعات در صفحات وب استفاده میشود. HTML از تگها و صفتها برای تعریف عناصر مختلف صفحه استفاده میکند. در این مقاله، به معرفی مفاهیم پایه HTML و آشنایی با تگها و صفتها خواهیم پرداخت.
تگ در زبات html چیست؟
تگها یا عناصر HTML برای تعریف ساختار صفحه استفاده میشوند. یک تگ توسط نام آن واکشی میشود، که درون علامت های زوج < و > قرار میگیرد. به عنوان مثال، تگ برای تعریف یک پاراگراف استفاده میشود. تگها میتوانند خالصه شده و بدون بسته شدن (self-closing) یا با بسته شدن (closing) باشند. تگها میتوانند صفتهای مختلفی را داشته باشند که با استفاده از ویژگی های صفت تعیین میشوند.
ویژگیها یا صفتها در زبان html چیست؟
ویژگیها یا صفتها (Attributes) به تگها اضافه میشوند تا خصوصیاتی مانند رنگ، اندازه، لینک و غیره را به عناصر HTML اختصاص دهند. هر صفت دارای نام و مقدار است که بین علامت مربعی (” “) درون تگ قرار میگیرد. به عنوان مثال، در تگ که برای ایجاد یک لینک استفاده میشود، میتوانیم با استفاده از صفت href، آدرس لینک را مشخص کنیم.
علاوه بر تگها و صفتها، HTML دارای ساختار سلسله مراتبی است. این ساختار به ما اجازه میدهد تا عناصر را به صورت درونی یا تو در تو قرار دهیم. به این شکل، میتوانیم قسمتهای مختلف صفحه را سازماندهی کرده و ساختار منطقی به آن ببخشیم.
جمع بندی
در پایان، مهم است به یاد داشته باشیم که HTML تنها به تعریف ساختار صفحه میپردازد و به تنظیمات ظاهری صفحه اهمیتی نمیدهد. برای تنظیم استایل و ظاهر صفحه، از CSS (Cascading Style Sheets) استفاده میشود.
در این مقاله، به مفاهیم پایه HTML و آشنایی با تگها و صفتها پرداختیم. با این اطلاعات ابتدایی، شما میتوانید به ساختاردهی صفحات وب بپردازید و صفحاتی جذاب و منظم ایجاد کنید. همچنین، با استفاده از CSS میتوانید به ظاهر و استایل صفحات خود زیبایی و شخصیت بدهید.
سلام
میتونیم از تگ body در تگ head استفاده کنیم؟
سلام، خیر از نظر ساختاری این کار اشتباه است.
افزونه ی HTML Play را نصب و فعال کردم اما نمایش همزمان نمی ده چطور کار می کنه؟
برای یادگیری و نحوه استفاده از این افزونه از این لینک استفاده کنید.
برای این جلسه توضیحات متنی زیر فیلم اموزشی ظاهرا فراموش شده!
بله بزودی تکمیل خواهد شد.
برای طراحی سایت وبکیما از چه نرم افزارهایی استفاده شده است؟ المنتور ؟ ویژوال استدیو کد ؟ دیگه چی؟
سایت وبکیما توسط کدنویسی اختصاصی طراحی شده است.
سلام وقتتون بخیر
چرا لینکی که وارد کردیم باز نمی شود ؟ البته گویا از PC شخصی لینک را میخواند و به اینترنت متصل نیست
سلام، لینک را به درستی وارد نکردهاید.