illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

معرفی تنه اصلی و تگ های پایه ی Html

22756 ۱۸ شهریور ۸۷

:: همونطور که در پست قبلی گفته بودم امروز به معرفی تنه ی اصلی یک فایل Html و تگ ها اصلی اون می پردازم .

یه نکته اول در مورد تگ ها بگم . خیلی ها پرسیده بودن که اصلا تگ چی هست ؟

اینو بگم که یک تگ رو به صورت <Tag> یا <Tag/> نمایش میدن .

هر تگی که مثلا به شکل <Tag> وجود داشته باشه  حتما یه تگ پایانی به شکل <Tag/> داره . مثلا وقتی میگن فلان کد رو بزارید بین تگهای بادی ، یعنی اینکه بزاریدش بین تگ آغازی <Body> و تگ پایانیش که <Body/> هست .

خوب بریم سر اصل مطلب :

 :: تنه ی اصلی یک فایل HTML :

بدنه ی اصلی یک فایل html از چند تا تگ اصلی بوجود میاد . من اول تنه ی اصلی رو براتون میزارم و بعد کاریرد هر جزء اونو براتون توضیح میدم :

تنه ی اصلی یک فایل Html به شکل زیر هست :

همونطور که میبینید هیچ تگی به صورت تنها وجو نداره .

یک صفحه ی Html با تگ آغازی <html> شروع میشه و با تگ پایانی <html/> تموم میشه . و بقیه ی کدها و تگ ها در بین این دو تگ قرار میگیرن .

خوب حالا من در زیر هر کدوم از این تگ هایی که تنه ی اصلی رو بوجود میارن براتون معرفی می کنم و کاربرد هر کدومو توضیح میدم  .

 

<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
قسمتی که نمایش داده می شود
</body>
</html>

:: تگ های Html : این تگ با <html> شروع میشه و با تگ پایانی <html/> تموم میشه .

تمام کدها و تگهای Html و ... بین این دو تگ قرار می گیرن . کاربرد تگ <html> اینه که به مرورگر میفهمونه که این یک فایل Html هست و اینکه مروگر اونو چطور نمایش بده .

:: تگ های Head : این تگ هم با <head> شروع میشه و با تگ پایانی <head/> تموم میشه .

در واقع مشخصات ، خصوصیات و تنظیمات یک فایل Html در بین تگ های <head> و<head/> قرار می گیره . مواردی که در بین این دو تگ قرار میگیره در صفحه نمایش داده نمیشه .  از جمله تگ هایی که بین این دو  قرار میگیرن تگهای meta و  Style هستن که بعدا به موقش در مورد اونا هم بحث می کنم .

:: تگ های Title : کلمه یا متنی که بین تگ <title> و <title/> قرار میگیره عنوان صفحه رو مشخص میکنه . همون عنوانی که در بالای پنجره ی اینترنت اکسپلورر نمایش داده میشه . پس اگه خواستید عنوان صفحه ی خود رو عوض کنید باید متن بین این تگ رو تغیر بدید و عنوان مورد نظر رو بین این دو تگ بزارید  . 

:: تگ های Body : شاید بشه گفت اساسی ترین تگ Html همین تگ های بادی هستن که با تگ <body> شروع و با تگ <body/> به پایان میرسه .

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

:: امیدوارم با تنه ی اصلی یک فایل Html آشنا شده باشد . در هر صورت من سعی کردم که هر چقدر می تونم ساده تر و خودمونی تر  توضیح بدم . ضمنا من سعی میکنم چیزایی رو که بدردتون میخوره آموزش بدم و از تعریف و توضیح اصطلاحات و ... بپرهیزم .

 

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 11 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏
    کرد پرس(۱۸ شهریور ۱۳۸۷)

    سلام
    از لطف شما ممنون .
    به پاس قدردانی از کمک های شما به سایت کرد پرس ، لینک شما را در قسمت حامیان کرد پرس قرار دادیم .

  • ‏‏

    با سلام
    واقعا سایت خوب و مفید و آموزنده ای دارید
    من خیلی علاقه دارم که بتونم زبان های تحت وب رو یاد بگیرم
    ای کاش می شد متن ها و مطالب رو به صورت pdf یا word برای دانلود بذارید
    ممنون

  • ‏‏

    سلام خسته نباشید
    آقا واقعا کارتون درسته
    مطالبتون عالی واضح آمیانه و قابل فهمه
    و اینکه اندوخته های علمی خوتون رو بدون منت در اختیار ما تازه کارها میزارید ممنونم
    من 2 تا درخواست از شما دارم :
    1-اگه امکانش هست مطالب بیشتری در زمینه آموزش طراحی و html بزارید
    2-آیا میشه یک فرم خرید کالا برای وبلاگ درست کرد؟ (به این صورت که هر کسی اطلاعات مربوط به خرید کالا را پر میکند اطلاعات به صورت اتوماتیک به ایمیل ما ارسال شود) اگه براتون زحمتی نیست میشه آموزش بدین؟
    ممنون
    ———————————-
    پاسخ نویسنده(حمزه فیضیان):
    درود بر شما. متشکرم از اظهار لطفتون. چشم در اولین فرصت. موفق باشید

  • ‏‏
    ابوعدنان(۲۴ مرداد ۱۳۹۰)

    خیلی خیلی ممنون از اطلاعاتیکه در اختیارگذاشتی هم ساده بود وهم کاربردی

  • ‏‏

    مرسی واقعا عالی بود و کلی استفاده کردم

  • ‏‏

    با سلام….

    نحوه انتقال معلومات و درس شما بسیار روان و عالی است…
    سپاس و پایدار باشید…..

  • ‏‏
    Sina4everafter(۲۵ مهر ۱۳۹۱)

    سلام.ببخشید یه سوال داشتم:
    میشه بگین که این چه کدیه؟یعنی چی کار می کنه؟
    چون من با نوشتن و ننوشتنش هیچ تفاوتی نمی بینم.مرسی. ❓

  • ‏‏
    Sina4everafter(۲۵ مهر ۱۳۹۱)

    ببخشید.کد و نشون نداد.این کد:

    • ‏‏
      لقمان آوند(۲۶ مهر ۱۳۹۱)

      سلام
      این تگ از html نیست و صرفا نوع و ورژن html استفاده شده در صفحه رو مشخص می کنه که مرورگرها بهتر بتونن کد رو بفهمن . در واقع نوع سند html رو مشخص میکنه . میتونی اینو بخونی : DocType

  • ‏‏
    babak.namaki(۷ آبان ۱۳۹۱)

    آقایون
    واقعا جیگر شما را …
    قول میدم که شاگرد خوبی باشم.
    و درسامو خوب یاد بگیرم.
    راستی
    من دانشجوی ترم 3 آی تی هستم. 😎

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram