HTML چیه و چرا باید یاد بگیریم؟
اگه تازه وارد دنیای برنامه نویسی و طراحی سایت شدی، احتمالاً اولین چیزی که اسمش رو شنیدی HTML عه. اما HTML دقیقاً چیه و چرا اینقدر مهمه؟ توی این مقاله قراره به زبان ساده و کاربردی بهت توضیح بدم که HTML چیه، چرا باید یادش بگیری و چه کاربردی داره.
HTML چیه؟
HTML (HyperText Markup Language) یعنی "زبان نشانه‌گذاری ابرمتن". پس تا اینجا فهمیدیم که HTML یک زبان برنامه نویسی نیست، بلکه یه زبان نشانه گذاری عه که برای نمایش و ساختاردهی محتوای صفحات وب استفاده میشه. خلاصه تو HTML خبری از منطق برنامه نویسی، شرط ها، حلقه ها، متغیرها و اینجور چیز ها نیست؛ تو HTML فقط مشخص میکنیم که هر بخش از محتوا چطور نمایش داده بشه.
HTML چه کاربردهایی داره؟ 🤔
حالا که فهمیدی HTML چیه بریم سراغ کاربردهاش 👇
- ساخت صفحات وب: هر صفحه‌ای که توی اینترنت می‌بینی با HTML ساخته شده.
- ایمیل‌های تبلیغاتی: ایمیل‌های خفنی که شرکت‌ها واست ارسال می‌کنن، ظاهرشون با HTML طراحی میشه.
- ایجاد فرم‌ها و جمع‌آوری اطلاعات کاربران: فرم‌های ثبت نام، لاگین، تماس و غیره با HTML ساخته می‌شن.
- اگه نخوایم خیلی سخت بگیریم، تقریبا میشه گفت هر چیزی که مرورگرت داره بهت نشون میده حداقل یه مقدار HTML توش هست
از فرآیند زیر یه فیلم کوتاه هم واست گرفتم که اگه به مشکل خوردی بتونی با فیلم زیر چک کنی:
نمونه کد HTML
من اینجا یه قطعه کد HTML واست میزارم و کمکت میکنم بتونی اولین کد HTML خودت رو بنویسی
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>decodex.ir</title>
</head>
<body>
<div style="text-align: center">
<h1>Welcome to HTML</h1>
<h2>Decodex.ir</h2>
<p>We decode everything to facilitate your learning.</p>
<a href="https://decodex.ir/courses">Learn now</a>
</div>
</body>
</html>
- اول یه فایل text بساز
- قطعه کد بالا رو داخلش کپی کن
- از منوی بالا گزینه ی File و بعد Save As رو بزن
- توی پنجره ای که باز میشه Save as Type رو بزار روی All files
- File name رو بزار index.html (البته فقط .html که پسوندش هست مهمه، اسمش رو هرچی میخوای میتونی بزاری، من گذاشتم index)
- روی Save کلیک کن
- همونجایی که فایل رو ذخیره کردی یه فایل index.html باید ببینی، اون فایل رو با مرورگرت (Chrome یا Firefox یا ...) باز کن
لطفا نظرت رو با ما share کن و هر سوالی داشتی، تو کامنت ها بپرس
کلمات کلیدی :
ثبت دیدگاه
اگه در مورد این مطلب نظری داری یا در همین موضوع سوالی داری، همینجا مطرح کن تا از دیدگاه ارزشمندت استفاده کنیم و انرژی بگیریم، یا سوالت رو جواب بدیم
در ضمن، شماره موبایلت تو سایت نمایش داده نمیشه و پیش ما به صورت محرمانه میمونه
کد تایید پیامک شده به شماره را وارد نمایید
دیدگاه شما