دنیای برنامه نویسی و اپلیکیشن

baner-telegram
شما اینجا هستید : صفحه اول » طراحی سایت » آموزش HTML » آموزش HTML – ساختار کلی
آموزش HTML - ساختار کلی

آموزش HTML – ساختار کلی

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

آموزش HTML – ساختار کلی

برای درست کردن یه صفحه وب اول Notepad رو باز کنید و کدهای زیرو داخل اون قرار بدید و از منوی File گزینه Save as رو انتخاب کنید و داخل File name یه اسمی رو بنویسید بعد پسوند فایل رو html. وارد کنید ، و حتما Encoding  رو UTF-8  انتخاب کنید تا فارسی رو هم داخل مرورگر پشتیبانی بکنه .

حالا ببینیم کدهایی که نوشتم اصلاً چیه و چه کاربردی دارند ، اولین تگ <Html> هستش که همه کدها باید در داخل اون قرار بگیرن و علامت شروع یک متن html هست و با تگ پایانی <html/> بسته میشه و این تگ نشانه ی پایان html است هر چیزی در html باید بین این دوتا تگ قرار بگیره چون این دوتا تگ نشان دهنده آغاز و پایان صفحه شماست ، بعدش تگ <head> قرار داره که مشخص کننده عنوان صفحه ، کلمات کلیدی و دیگر توضیحاتی که برای صفحه خوتون داخل اون قرار می دید ، و با تگ پایانی <head/> بسته میشه . در مثال بالا تنها عنوان صفحه است که با تگ Title مشخص میشه.

تگ <title> این تگ به شما اجازه میده که برای صفحه خودتون یه عنوان یا اسم انتخاب کنید و این قسمت توی موتورهای جستجو استفاده میشه و همان متنی ای که در نوار عنوان مرورگر نشون داده میشه ، برای پایان دادن به تگ عنوان از تگ <title/> استفاده می کنیم ، در کدهای بالا عنوانی که برای صفحه انتخاب کردم “وب سیتی” هست که می تونید با اجرا کردن کدها اونو ببینید .

تگ <body> بخشی رو شروع میکنه توی صفحه مرورگر شما نمایش داده میشه ، این قسمت جایی است که ما باید کدهای اصلی خودمون رو داخلش قرار بدیم تا برای بازدید کننده سایت قابل مشاهده باشه ، برای پایان دادن به این تگ از <body/> استفاده می کنیم. در مثال بالا متنی که داخل مرورگر نشون داده میشه به صورت زیره :

هر چیزی اینجا قرار بگیره در صفحه مرورگر قابل دیدن است.

نکته ها :

  1. توی اچ دی ام ال فاصله یدونست یعنی این که اگه چندتا جای خالی پشت سر هم بزنید ، توی html یونه جای خالی (space) محسوب میشه.
  2. توی html  چیزی به عنوان اینتر (Enter) نداریم ، یعنی اینتر بزنیم بره خط بعدی ، برای این کار از تگ ها استفاده میکنم که بعداً بهتون میگم که چطور این کار رو انجام بدید.

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

برای دانلود فیلم آموزش ساختار کلی HTML کلیک کنید .

پیشنهاد می کنیم حتما بخوانید :

درباره : رضا طوماری

دانشجوی رشته نرم افزار ، عاشق برنامه نویسی

نظرات کاربران :


  1. faza گفت:

    سلام. خیلی عالی بود.ممنون

  2. ali گفت:

    آموزش خوبی بود ولی آموزشتون کوتاه بود ، اگه یکم طولانی ترش بکونید خوب میشه.

جواب سوال چیه ؟ *