سینتکس در html را بهتر بفهمیم

سینتکس در html را بهتر بفهمیم : HTML هم مانند تمامی زبان ها دارای قوانین مخصوص به خود است و نوشتار یا ...
تاریخ انتشار : ۲۵ بهمن ۱۳۹۶
سینتکس در html را بهتر بفهمیم
5 (100%) 2 رای
Home محصول سینتکس در html را بهتر بفهمیم
خرید هر جلسه بصورت جداگانه جهت کاهش هزینه ها و بالارفتن اطمینان
پشتیبانی مدرس دوره جهت ارتقاء یادگیری
دسترسی نا محدود به آموزش خریداری شده

سینتکس در html را بهتر بفهمیم :

HTML هم مانند تمامی زبان ها دارای قوانین مخصوص به خود است و نوشتار یا سینتکس مخصوص

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

آشنا کنیم.

سینتکس در html را بهتر بفهمیم

معنی کلمه ی HTML :

HTML اختصاری کلمات HyperText Markup Language و به معنی زبان نشانه گذاری ابرمتن ها می باشد.

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

قوانین HTML بسیار ساده و روان است ،به عنوان مثال یکی از مهمترین قوانین ایت است که

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

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

این که از کدام کلمه شروع و تا کدام کلمه ادامه پیدا می کند.

تگ ها در HTML

<ul>

<li/> این یک متن تست است<li>

<ul/>

 

 

 

 

 

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

یک المان کجا شروع و در کجا تمام شود.

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

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

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

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

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

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

Attribute یا صفت ها :

اتربیوت یا صفت در html

در قسمت  سینتکس در html یک سری حصوصیت وجود دارد که با آنها آشنا می شوید

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

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

به مرور با آنها آشنا می شویم.

به عنوان مثال یکی از این ویژگی ها title نام دارد که به وسیله آن می توان به یک عنصر HTML اطلاعاتی

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

این ویژگی فقط مخصوص کاربران نیست بلکه ربات ها نیز از اینگونه ویژگی ها استفاده می کنند.

<p title="title for  your tags"></p>

پرکاربردترین ویژگی ها در ُسینتکس در  HTML ویژگی class و id می باشند. که با آنها در قسمت های آینده بیشتر آشنا می شویم.

فقط نکته ای که باید الان بخاطر بسپاریم این است که id یکتا است و نمیتوان در دو یا چند عنصر استفاده شود

اما class به این صورت نیست و در هر المان که بخواهید می تونید استفاده کنید.

همانطور که میبینید سینتکس در html بسیار بسیار روان و قابل فهم است و اما در ادامه ی این مطلب

می پردازیم به کامنت ها و همینطور یکسری از تگ ها که تگ بسته ندارند.

<i class="number" id="one"></i>
<b class="number" id="two"></b>

توضیحات در سینتکس در html :

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

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

طوری توضیحات را بنویسیم تا کامپیوتر آن ها را نادیده بگیرد.

در سینتکس زبان HTML برای نوشتن توضیحات یا Comment در کد کافی است توضیحات را با علامت <!--

شروع و با علامت --> به پایان برسانیم. در این صورت هر آنچه که بین این دو علامت نوشته شود

توسط مرورگر پردازش نشده و نادیده گرفته می شود.

کاربرد دوم توضیحات این است که اگر نیاز داشتیم تا لحظه ای بصورت تستی یک قسمت از دستورات

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

<-- این جمله توسط مرورگر نادیده گرفته می شود چون یک توضیح است --!>
<p>This is a test.</p>

عناصری که در تگ بسته ندارند :

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

<-- عنصری که خط جدید ایجاد می کند --!>
<br> 
 <-- عنصر تصویر --!>
<"img src="image.jpg" alt="ss>
<-- عنصری برای وارد کردن متن --!>
<input type=""text>

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

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

مارا در آموزش های بعدی همراهی کنید.

برای شرکت در آزمون دوره روی لینک زیر کلیک کنید آزمون دوره
ادریس ساتیاری

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

توسعه دهنده و مدیر سایت دنج

مطالب ارسالی این نویسنده 18 عدد می باشد آنها را ببیندید:

دیدگاه خود را ثبت کنید

دیدگاهها

هیچ دیدگاهی برای این محصول نوشته نشده است.

اولین نفری باشید که دیدگاهی را ارسال می کنید برای “سینتکس در html را بهتر بفهمیم”

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