دوشنبه ۱۰ تیر ۹۸ | ۲۰:۰۵ ۵۴۱ بازديد
تگ html چیست ؟ :
تگ های html در تمام اسناد html وجود دارد .تگ ها معمولا شامل بخش شروع و بخش پایان هستند که محتوا بین آنها قرار می گیرد. در این جلسه از دوره آموزش html به بررسی تگ های html می پردازیم .
اجزای صفحات وب توسط تگ ها در کنار هم قرار می گیرند تا صفحه وب ساخته شود.
<نام تگ>محتوا اینجا قرار می گیرد</نام تگ>
نکته : تمامی محتوایی که داخل تگ های Htmlقرار می گیرد تحت تاثیر این تگ ها قرار دارد.به عنوان مثال اگر شما بخواهید قسمتی از متن را تیتر کنید آن را بین تگ شروع و تگ پایان h قرار می دهید. به جدول زیر دقت کنید.
تگ html چیست ؟ :تگ های html در تمام اسناد html وجود دارد .تگ ها معمولا شامل بخش شروع و بخش پایان هستند که محتوا بین آنها قرار می گیرد. در این جلسه از دوره آموزش html به بررسی تگ های html می پردازیم .
اجزای صفحات وب توسط تگ ها در کنار هم قرار می گیرند تا صفحه وب ساخته شود.
<نام تگ>محتوا اینجا قرار می گیرد</نام تگ>
نکته : تمامی محتوایی که داخل تگ های Htmlقرار می گیرد تحت تاثیر این تگ ها قرار دارد.به عنوان مثال اگر شما بخواهید قسمتی از متن را تیتر کنید آن را بین تگ شروع و تگ پایان h قرار می دهید. به جدول زیر دقت کنید.
تگ html
درجدول بالا اگر به عنصر<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 بدون محتوای عناصر خالی نامیده می شوند.ویک عنصر خالی تگ بسته ندارد.
اما اگر بخواهید اعتبار بیشتری داشته باشیدیا اگر بخواهید سند خود را با تجزیه کننده XML قابل خواندن کنید،
باید تمام عناصر HTML را به درستی ببندید.
برای نوشتن تگ های html از حروف کوچک استفاده کنید.
تگ های اچ تی ام ال حساس به حروف بزرگ نیستند: <P> به معنی همان <p> است.(کوچک و بزرگ).
دراستاندارد HTML5 نوشتن تگ ها با حروف کوچک اجباری نیست ، اما W3C توصیه می کندکه از حروف کوچک برای نوشتن تگ های اچ تی ام ال استفاده کنید و برای نوشتن هرنوع سند از تگ های کوچک استفاده کنید.
دیدن ویدیوی این جلسه در همراه آی سی تی
شغل طراحی لباس چیست؟
موتور کادنزااستوک و در حد نو
موتور جستجو چیست و چگونه کار می کند؟
چرا اخذ مجوز استاندارد برای کالاهای وارداتی مهم است؟
10وب سایت برای ارتقاء دانش برنامه نویسی وب
هفتاد ایده کسب و کار با سرمایه کم
تگ های html–بررسی تگ درسنداچ تی ام ال-جلسه سوم (ویدیو)
بهترین کتابهای بازاریابی که هر مدیری باید بخواند!
کاربرد محتوای سایت در طراحی سایت
ساختار صفحات وب با جداول ۳ – جلسه بیست و چهارم(ویدیو)
لینک دادن در html
در این آموزش، هایپرلینک (Hyperlink) و روش های مختلف ایجاد آن را معرفی می کنیم. همچنین اینکه ویژگی href چه کاری انجام می دهد و نحوه استفاده مناسب از این ویژگی برای لینک به بخش های یک سایت یا صفحات سایر وب سایت ها را توضیح خواهیم داد.
هایپرلینک چیست؟
در HTML انواع لینک ها یا پیوندها وجود دارد:
وقتی کاربر روی یک هایپرلینک کلیک کند، به یک بخش یا صفحه دیگر منتقل می شود. هایپر لینک ها در HTML عناصری هستند که به یک سند دیگر ارجاع می دهند. یعنی با کلیک کاربر روی این عنصر به سند مقصد هدایت می شوید.