سلام به همه دوستان در جلسه دوم آموزش HTML میخوایم یک صفحه وب ایجاد کنیم . و با تک تک کدهایی که این صفحه رو به وجود میارن آشنا بشیم . قبل از شروع پیشنهاد میکنم که آموزش جلسه قبل رو ببینید. جلسه اول آموزش
آموزش HTML – ساختار کلی
برای درست کردن یه صفحه وب اول Notepad رو باز کنید و کدهای زیرو داخل اون قرار بدید و از منوی File گزینه Save as رو انتخاب کنید و داخل File name یه اسمی رو بنویسید بعد پسوند فایل رو html. وارد کنید ، و حتما Encoding رو UTF-8 انتخاب کنید تا فارسی رو هم داخل مرورگر پشتیبانی بکنه .
<html>
<head>
<title>وب سیتی</title>
</head>
<body>
هر چیزی که اینجا قرار بگیره در صفحه مرورگر قابل دیدن است.
</body>
</html>
حالا ببینیم کدهایی که نوشتم اصلاً چیه و چه کاربردی دارند ، اولین تگ <Html> هستش که همه کدها باید در داخل اون قرار بگیرن و علامت شروع یک متن html هست و با تگ پایانی <html/> بسته میشه و این تگ نشانه ی پایان html است هر چیزی در html باید بین این دوتا تگ قرار بگیره چون این دوتا تگ نشان دهنده آغاز و پایان صفحه شماست ، بعدش تگ <head> قرار داره که مشخص کننده عنوان صفحه ، کلمات کلیدی و دیگر توضیحاتی که برای صفحه خوتون داخل اون قرار می دید ، و با تگ پایانی <head/> بسته میشه . در مثال بالا تنها عنوان صفحه است که با تگ Title مشخص میشه.
تگ <title> این تگ به شما اجازه میده که برای صفحه خودتون یه عنوان یا اسم انتخاب کنید و این قسمت توی موتورهای جستجو استفاده میشه و همان متنی ای که در نوار عنوان مرورگر نشون داده میشه ، برای پایان دادن به تگ عنوان از تگ <title/> استفاده می کنیم ، در کدهای بالا عنوانی که برای صفحه انتخاب کردم “وب سیتی” هست که می تونید با اجرا کردن کدها اونو ببینید .
تگ <body> بخشی رو شروع میکنه توی صفحه مرورگر شما نمایش داده میشه ، این قسمت جایی است که ما باید کدهای اصلی خودمون رو داخلش قرار بدیم تا برای بازدید کننده سایت قابل مشاهده باشه ، برای پایان دادن به این تگ از <body/> استفاده می کنیم. در مثال بالا متنی که داخل مرورگر نشون داده میشه به صورت زیره :
هر چیزی اینجا قرار بگیره در صفحه مرورگر قابل دیدن است.
نکته ها :
- توی اچ دی ام ال فاصله یدونست یعنی این که اگه چندتا جای خالی پشت سر هم بزنید ، توی html یونه جای خالی (space) محسوب میشه.
- توی html چیزی به عنوان اینتر (Enter) نداریم ، یعنی اینتر بزنیم بره خط بعدی ، برای این کار از تگ ها استفاده میکنم که بعداً بهتون میگم که چطور این کار رو انجام بدید.
خب توی این جلسه آموزشی ساختار کلی یه صفحه وب رو یاد گرفتیم ، در جلسات بعدی تگ های مهم html رو بهتون خواهم گفت . اگه پیشنهاد یا انتقادی داشتین حتما با ما در میون بزارین .
سلام. خیلی عالی بود.ممنون
آموزش خوبی بود ولی آموزشتون کوتاه بود ، اگه یکم طولانی ترش بکونید خوب میشه.
خیلی ممنون بابت نظرتون ، چشم سعی میکنیم آموزش هارو طولانی کنیم