طراحی سایت و طراحی وبسایت امروزه به بزرگ ترین راه تجارت تبدیل شده است با توجه به تکنولوژی های روز دنبا اگر یک شرکت یا کم‍‍پانی وبسایت نداشته باشد یک ضربه محلک را با تمام وجود به تجارت خود وارد کرده است برنامه نویسی و طراحی وبسایت و طراحی سایت بزرگترین تکنیک تجارت آنلاین میباشد اگر شما وبسایت ندارید همین حالا سعس بر عقد قرارداد با امید عسگری کنید تا تجارت شما را بهبود بخشیدن ارایه طرج کلی از تجارت آنلاینشما و حرفه ای و طراحی سایت و طراح وبسایت کار شما را پیگیری و یک بیزینس قوی را برای شما ایجاد کند . طراحی سایت و طراحی وبسایت و طراح سایت قابل اعتماد است
Omid Asgari
نحو (سینتکس) HTML

۲۱ بهمن, ۱۳۹۵

مانند تمام زبان ها، HTML نیز قوانین مخصوص به خود را دارد. در این مطلب با قوانین و نحو زبان HTML آشنا می شویم.

HTML اختصاری برای HyperText Markup Language می باشد.

  • HyperText یعنی HTML از قسمت HTTP اینترنت استفاده می کند.
  • Markup یعنی کدی که می نویسیم با کلمات کلیدی حاشیه نویسی و علامت گذاری می شود.
  • Language یعنی هم توسط انسان و هم توسط کامپیوتر قابل خواندن می باشد.

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

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

 

آنچه که بین کمانک ها < > می بینیم تگ (Tag) نام دارد. وظیفه تگ ها این است که مشخص کنند کجا یک چیزی شروع و کجا تمام می شود.

هر کدام از تگ ها معنا مخصوص به خود را دارند. در این مثال p نشان دهنده پاراگراف است.

تگ ها معمولا جفت هستند:

  • تگ شروع <p>
  • تگ پایان </p>

تنها تفاوت آنها اسلش / می باشد که قبل از نام تگ در قسمت پایانی می آید.

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

برای آشنایی با ساخت فایل HTML به این مطلب مراجعه کنید.

Attribute ها

Attribute یا ویژگی ها اطلاعات اضافه ای هستند که به عناصر HTML اضافه می شوند. ویژگی ها را به تگ ها می توانیم اضافه کنیم و آنها نیز توسط مرورگر نمایش داده نمی شوند. در دنیای HTML چندین ویژگی وجود دارند که به مرور با آنها آشنا می شویم.

به عنوان مثال یکی از این ویژگی ها title نام دارد که به وسیله آن می توان به یک عنصر HTML اطلاعاتی اضافه کرد که در زمانی که کاربر موس را بر روی آن عنصر نگه می دارد آن اطلاعات به کاربر نشان داده شوند. البته کاربرد این ویژگی فقط مخصوص کاربران نیست بلکه ربات ها نیز از اینگونه ویژگی ها استفاده می کنند.

پرکاربردترین ویژگی ها در HTML ویژگی class و id می باشند. که با آنها در فصل های آینده بیشتر آشنا می شویم. فقط نکته ای که باید الان بخاطر بسپاریم این است که id یکتا است پس دو یا چند عنصر نمی توانند یک idیکسان داشته باشند. اما class به این صورت نیست.

 

 

توضیحات

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

در سینتکس زبان HTML برای نوشتن توضیحات یا Comment در کد کافی است توضیحات را با علامت <!-- شروع و با علامت --> به پایان برسانیم. در این صورت هر آنچه که بین این دو علامت نوشته شود توسط مرورگر پردازش نشده و نادیده گرفته می شود.

کاربرد دوم توضیحات این است که اگر نیاز داشتیم تا لحظه ای بصورت تستی یک قسمت از دستورات را غیر فعال کنیم، نیازی نیست آن را پاک کنیم فقط کافی است آن تکه از کد را به توضیح تبدیل کنیم.

عناصری که در خودشان بسته می شوند

برخی از عناصر HTML فقط دارای تگ شروع هستند:

 

چون این عناصر تگ پایانی ندارند محتوایی درون آنها قرار نمی گیرد. البته این عناصر معمولا ویژگی هایی دارند که باید برای آنها تعیین شود.

251

شما اولین نفری باشید که نظر خود را ثبت میکنید :)

نظرات خود را با ما در میان بگذارید.

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

ده − 8 =