تگ html چیست ؟ :
تگ های html در تمام اسناد html وجود دارد .تگ ها معمولا شامل بخش شروع و بخش پایان هستند که محتوا بین آنها قرار می گیرد. در این جلسه از دوره آموزش html به بررسی تگ های html می پردازیم .
اجزای صفحات وب توسط تگ ها در کنار هم قرار می گیرند تا صفحه وب ساخته شود.
<نام تگ>محتوا اینجا قرار می گیرد</نام تگ>
نکته : تمامی محتوایی که داخل تگ های Htmlقرار می گیرد تحت تاثیر این تگ ها قرار دارد.به عنوان مثال اگر شما بخواهید قسمتی از متن را تیتر کنید آن را بین تگ شروع و تگ پایان h قرار می دهید. به جدول زیر دقت کنید.
درجدول بالا اگر به عنصر<br>دقت کنید می بینید که هیچ محتوایی داخل آن قرار ندارد . به این گونه تگ که هیچ محتوایی داخل آنها قرار نمی گیرد تگ تنها گفته می شود.درواقع اگر بخواهیم بهتر بگوییم <br> یک تگ تنها یا single tag است.
بیشتر بخوانید : اجزای تشکیل دهنده صفحات وب – جلسه دوم (ویدیو)
نگ های Html به صورت تودرتو نوشته می شوند.
تمامی اسناد Html از عناصرتگ های تودرتو تشکیل شده اند.درواقع این تگ های اچ تی ام ال هستند که با تاثیرگذاری برروی یک صفحه Html اجزای مختلف یک سند Html را می سازند پس در واقع یک صفحه Html بدون این عناصر هیچ مفهومی ندارد به مثال زیر دقت نمایید.
<!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
شناخت تگ های Html :
<html></html> :
این تگ که به صورت جفتی یا دوتایی به کار می رود. یکی از عناصر html است که باید در تمامی اسناد html حتما وجودداشته
باشد چرا که یک سند html راتعریف می کند وبدون این تگ سایر تگ ها در مرورگر اجرا نخواهند شد.
<html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
نکته : تگ های بخش بدنه صفحه درون این قسمت قرار می گیرند.
<body></body> :
ابن تگ هم مانند: تگ اچ تی ام ال دارای تگ شروع و پایان است.داخل این تگ عناصر تشکیل دهنده سند html که بدنه را می سازند
قرار می گیرند.
نکته : این عنصر هم باید در تمامی اسناد html حتما وجود داشته باشد.
<body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body>
بیشتر بخوانید : کار با متن در html – جلسه پنجم ( ویدیو )
<h1></h1> :
تگ <h1> یک عنوان را تعریف می کند.درواقع برای تیتر کردن قسمتی از متن مورد نظر از تگ h استفاده می کنیم.
این تگ هم شامل دوبخش یک بخش شروع و یک بخش پایان است.
نکته : در واقع برای این که این تگ عمل کند محتوا باید در بین آن قرار بگیرد.
<h1>My First Heading</h1><p><p/> :
برای این که ما یک پاراگراف داشته باشیم . از این تگ استفاده می کنیم.در واقع نحوه عملکرد این تگ هم مانند : تگ عنوان است و محتوا حتما باید داخل آن قرار گیرد.
<p>My first paragraph.</p>
هرگز فراموش نکنید که تگ انتهارادر تگ های جفتی ببندید.
اگرشما در هنگام کدنویسی فراموش کنید که تگ انتها را ببندید با مشکلات عجیب و غریبی روبرو خواهید شد.
پس حتما درهنگام کدزنی به این نکته دقت کنید .وتگ را حتما ببندید.
بیشتر بخوانید : زبان نشانه گذاری html و معرفی تگ های ساختاری آن(ویدیو)
عناصر html خالی :
برای نوشتن تگ های html از حروف کوچک استفاده کنید.
