سینا صالحی فرد 27 فروردین 1393 1 6033 بازدید آموزش HTML
فیلم آموزشی معرفی مفاهیم مقدماتی تگ های HTML

برای شروع کار با html نیاز دارید تا مفاهیم اولیه این زبان را یاد بگیرید. ما در این فیلم آموزشی شما را با قوانین ساده ی زبان html و بعضی تگ های (tag) پرکاربرد آن در طراحی صفحات وب آشنا خواهیم کرد.

آنچه در این فیلم آموزشی خواهید آموخت :

  • آشنایی با قوانین html و ساختار تگ ها
  • تعریف عنصر (المنت) در زبان اچ تی ام ال
  • معرفی اصطلاحات تگ بازشونده (opening tag) و تگ بسته شونده  (closing tag)
  • معرفی تگ های p,br,strong و em و بیان کاربرد آن ها در html

فیلم آموزشی معرفی مفاهیم مقدماتی تگ های HTML

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

دسترسی به این بخش مخصوص اعضاست. شما می توانید به رایگان عضو شوید و به این بخش دسترسی داشته باشید. ورود / عضویت

دسترسی سریع :

متن فیلم آموزشی معرفی مفاهیم مقدماتی تگ های HTML

آشنایی با تگ

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

ساختاربیشتر تگ ها به صورت زیر است :

< openning tag>محتوا</closing tag>

تگ p

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

<p>پاراگراف شما</p>

تگ p

تگ br

جز تگ های خاص به حساب می آید که تگ شروع ندارد و با تگ های دیگر تفاوت دارد. تگ br برای شکستن متن و هدایت شدن به خط بعدی می شود.

ساختار تگ br در تگ p  :


<p>your <br />paragraph </p>

تگ br باعث شکستن متن و هدایت شدن به خط بعدی می می شود یعنی your در خط اول و paragraph در خط دوم به نمایش در می آید :

تگ br

نکته :

  • تگ br باعث شکستن متن و رفتن به خط دیگر می شود اما هنوز یک پاراگراف محسوب می شود.
  • در html کلید enter برای خط بعدی استفاده نمی شود و با enter زدن هیچ تغیری در نمایش متن صورت نمی گیرد.
  • در html کلید space باعث یک فاصله می شود و چندین بار space زدن هم تفاوتی با یک space ندارد.

 

تگ strong

مانند تگ p یک تگ شروع و یک تگ پایان دارد. تگ strong برای تاکید کلمه یا جمله استفاده می شود .

توجه کنید تگ strong برای تاکید است و برای bold سازی کلمات یا جملات باید حتما از css استفاده کنیم.

ساختار تگ strong در تگ p :


<p>your <strong>paragraph</strong> </p>

تگ strong

تگ em

مانند تگ p یک تگ شروع و یک تگ پایان دارد. تگ em برای italic سازی کلمه یا جمله استفاده می شود.


<p>your <em>paragraph</em> </p>

تگ em باعث می شود کلمه paragraph به صورت italic نوشته شود.

تگ em

استفاده تگ ها به صورت تو در تو

برای استفاده از تگ ها تو در تو از ساختار زیر استفاده می کنیم

به عنوان مثال:

میخواهیم روی کلمه onliner :

در یک پاراگراف قرار دهیم.

و خاصیت italic , bold را داشته باشد.

<p><strong><em>onliner</em></strong></p>

نتیجه :

تگ em و strong

توجه کنید هر تگی که دیرتر بیاید، زودتر بسته میشود، مثل قاعده پرانتزها در عبارات ریاضی. به عنوان مثال :

ابتدا تگ em بسته می شود و بعد تگ های بعدی.

مثال2:


<p>Hello dear onliner.ir users</p>
<p>Hello <em>dear onliner.ir users</em><br />,welcome to <strong>video</strong>  tutorials</p>
<p>Hello dear onliner.ir users</p>

 

تگ strong و em

دسترسی سریع :