دوره آنلاین فرانتند / جلسه اول

30 آگوست 2020
ارسال شده توسط
طراحی وب سایت

دوره آنلاین فرانتند / جلسه اول / مقدمات HTML

دوره آنلاین فرانتند / جلسه اول / مقدمات HTML

درباره HTML

  1. قالب کلی سایت

  2. مخفف: Hyper Text Markup Language به معنی زبان نشانه گذاری ابر متن؛ پس HTML زبان برنامه نویسی نیست.

برای اطلاع بیشتر از تاریخچه HTML اینجا کلیک کنید.

نحوه نوشتن کد های HTML

1: باز کردن ویرایشگر متن

2: نوشتن کد زیر در فایل

<!doctype html>
<html>
     <head>
 
     </head>
     <body>

     </body>
</html>

3: ذخیر فایل با پسوند html و اجرا آن توسط مرورگر

توضیحات برای شروع کد نویسی

دستورات در HTML

در html به هر دستور، tag به معنی برچسب، گفته می شود. برای گذاشتن هر محتوا در سایت از tags ها استفاده می کنیم.

 

انواع تگ ها در HTML

  • Singletag یا تگ تنها: این نوع تگ، تگ آغازین و پایانی ندارند.
<tagname attributes="صفت" />
  • Pairstag یا زوج تگ: این نوع تگ، دارای تگ آغازین و پایانی می باشد و محتوایی که برای کاربر نمایش داده می شود بین این تگ های قرار می گیرد. ( در زیر تگ آغازین قرمز و تگ پایانی آبی است )
<tagname attributes="صفت"> 
     محتوا تگ اینجا قرار می گیرد
</tagname>

توضیحات تگ head

تمامی تگ هایی که برای کاربر قالب مشاهده نیست، در تگ head قرار می گیرد.

توضیحات تگ body

تمامی تگ هایی که برای کاربر قابل نمایش است، در تگ body قرار می گیرد.

attribute در تگ ها

هر تگی در html دارای attribute یا ویژگی های خاصی است. هر attribute هم دارای صفت های خاصی است. در زیر نمونه ای از نحوه نوشتن ویژگی ها در html آمده است.

در تگ های تنها

<tagname attributename="صفت هر ویژگی اینجا قرار می گیرد" />

در تگ های زوج

<tagname attributename="صفت هر ویژگی اینجا قرار می گیرد"> 
     محتوای تگ اینجا قرار می گیرد
</tagname>

نکته: هر تگ می تواند چند attribute داشته باشد.

نکته: برای گذاشتن attribute های مختلف کافیست که بین آنها فاصله سپس attribute خود را بنویسید.

نکته: در تگ های زوج، attribute در تگ آغازین قرار می گیرد.

 

آدرس دهی در html

  • آدرس دهی سراسری یا Global: این نوع آدرس دهی با http:// آغاز می شود. 
  • آدرس دهی محلی یا local: در این نوع آدرس دهی، آدرس بر اساس پوشه ای که سایت ما در آن وجود دارد داده می شود. این نوع آدرس دهی به دو بخش دارد.
  1. /.:  همان پوشه
  2. /..: یک پوشه قبل

تفاوت آدرس دهی سراسری و محلی

در آدرس دهی سراسری باید آدرس دامین یا درایور را هم داد که اگر محتوای سایت را جا به جا کنید دیگر آدرس به درستی کار نمی کند. در آدرس دهی محلی، بر اساس پوشه اصلی سایت خود آدرس داده می شود و با جا به جا کردن محتوای سایت، سایت دچار مشکل نمی شود.

بنابراین بهترین آدرس دهی در سایت، آدرس دهی محلی است.

 

سخن پایانی

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

لینک کوتاه مطلب: https://b2n.ir/564226

[button color=”red” size=”big” link=”https://t.me/tarasheha” icon=”” target=”true”]کانال آموزشگاه تراشه[/button]

برچسب ها:
درباره آکادمی تراشه

تیم تولید محتوا آکادمی تراشه به منظور بهبود در امر پشتیبانی آنلاین هنرجویان دوره های مختلف ایجاد شد

دیدگاهتان را بنویسید