هاست لینوکس

آخرین بسته‌ی MyBB: نسخه‌ی 1.8.27 MyBB منتشر شد


امتیاز موضوع:
  • 2 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
[آموزش html] همگام با مای بی بی ایران برای فراگیری html
#1
درود


یادگیری HTML در کنار مای بی بی ایران

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

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


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


مردان بزرگ اراده می‌کنند و مردان کوچک آرزو
[تصویر:  1348752239.gif]




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

پاسخ
 سپاس شده توسطshooshoo (۱۳۹۰/۱۱/۲۸، ۱۲:۰۸:۱۶ عصر) ، geo (۱۳۹۰/۱۱/۲۸، ۱۲:۱۰:۵۵ عصر) ، Cancer9003 (۱۳۹۰/۱۱/۲۸، ۱۲:۱۶:۰۲ عصر) ، FunSeT (۱۳۹۰/۱۱/۲۸، ۱۲:۲۶:۵۸ عصر) ، AR@KST@R (۱۳۹۰/۱۱/۲۸، ۱۲:۲۷:۳۱ عصر) ، Behr☺uz (۱۳۹۰/۱۱/۲۸، ۱۲:۲۸:۳۲ عصر) ، محمد (۱۳۹۰/۱۱/۲۸، ۱۲:۲۸:۳۷ عصر) ، plus (۱۳۹۰/۱۱/۲۸، ۱۲:۳۳:۵۲ عصر) ، domino (۱۳۹۰/۱۱/۲۸، ۱۲:۳۴:۰۲ عصر) ، Hamedi (۱۳۹۰/۱۱/۲۸، ۱۲:۵۷:۳۴ عصر) ، adsun (۱۳۹۰/۱۱/۲۸، ۱۳:۲۷:۵۲ عصر) ، Mohammad-Za (۱۳۹۰/۱۱/۲۸، ۱۳:۴۸:۵۹ عصر) ، Farhoodi (۱۳۹۰/۱۱/۲۸، ۱۳:۵۶:۰۱ عصر) ، mohamad m (۱۳۹۰/۱۱/۲۸، ۱۳:۵۹:۴۸ عصر) ، qazzaq (۱۳۹۰/۱۱/۲۸، ۱۴:۵۰:۱۱ عصر) ، artin (۱۳۹۰/۱۱/۲۸، ۱۵:۴۴:۰۶ عصر) ، alirezaveran (۱۳۹۰/۱۱/۲۸، ۱۸:۱۳:۵۱ عصر) ، digital (۱۳۹۰/۱۱/۲۸، ۲۱:۰۴:۵۰ عصر) ، king92 (۱۳۹۰/۱۱/۲۹، ۰۲:۴۶:۴۲ صبح) ، Mt edition (۱۳۹۰/۱۱/۲۹، ۰۳:۲۶:۰۰ صبح) ، akspix (۱۳۹۰/۱۱/۲۹، ۰۵:۱۴:۴۵ صبح) ، mohamad7824 (۱۳۹۰/۱۱/۲۹، ۰۶:۲۶:۱۵ صبح) ، yaser0421 (۱۳۹۰/۱۱/۲۹، ۰۸:۰۳:۱۳ صبح) ، mahdionline (۱۳۹۰/۱۱/۲۹، ۰۹:۱۸:۵۳ صبح) ، HOssE!N-B (۱۳۹۰/۱۱/۲۹، ۰۹:۲۳:۱۶ صبح) ، ms83 (۱۳۹۰/۱۱/۲۹، ۱۲:۳۶:۰۷ عصر) ، ™IRAN FORUM (۱۳۹۰/۱۱/۲۹، ۱۷:۰۹:۱۹ عصر) ، khp (۱۳۹۰/۱۱/۳۰، ۰۸:۳۳:۵۹ صبح) ، golforosh (۱۳۹۰/۱۲/۱، ۰۱:۱۲:۱۲ صبح) ، esfhamed (۱۳۹۰/۱۲/۱، ۱۰:۱۶:۱۲ صبح) ، reza536 (۱۳۹۰/۱۲/۱، ۱۲:۴۷:۳۹ عصر) ، janahihits (۱۳۹۰/۱۲/۲، ۰۶:۱۷:۴۵ صبح) ، gabriel (۱۳۹۰/۱۲/۲، ۰۹:۳۴:۴۷ صبح) ، king1500 (۱۳۹۰/۱۲/۲، ۱۴:۳۹:۱۵ عصر) ، jojome (۱۳۹۰/۱۲/۴، ۰۱:۱۰:۳۴ صبح) ، Armin (۱۳۹۰/۱۲/۴، ۰۲:۴۰:۳۸ صبح) ، jowkerss (۱۳۹۰/۱۲/۵، ۱۳:۴۲:۳۹ عصر) ، caren (۱۳۹۰/۱۲/۶، ۰۶:۱۰:۳۸ صبح) ، adnan (۱۳۹۰/۱۲/۶، ۱۱:۰۸:۰۲ صبح) ، alone (۱۳۹۰/۱۲/۶، ۱۲:۵۶:۳۳ عصر) ، hichki (۱۳۹۰/۱۲/۸، ۰۳:۳۴:۰۶ صبح) ، sepanta-gsm (۱۳۹۰/۱۲/۹، ۰۹:۵۳:۰۹ صبح) ، Ahmad Reza (۱۳۹۰/۱۲/۱۲، ۲۳:۳۴:۳۹ عصر) ، dokaven (۱۳۹۰/۱۲/۱۳، ۱۴:۲۸:۵۱ عصر) ، S.Nasiri (۱۳۹۰/۱۲/۱۶، ۰۷:۳۹:۲۶ صبح) ، baxe rapper (۱۳۹۰/۱۲/۱۸، ۰۱:۴۹:۰۶ صبح) ، ahmadb (۱۳۹۰/۱۲/۱۹، ۱۴:۳۰:۳۴ عصر) ، roya81 (۱۳۹۰/۱۲/۱۹، ۲۳:۵۴:۵۷ عصر) ، arash520 (۱۳۹۰/۱۲/۲۱، ۰۹:۰۳:۳۹ صبح) ، ehsanfotoo (۱۳۹۰/۱۲/۲۱، ۲۲:۲۷:۳۲ عصر) ، hesam_esf (۱۳۹۰/۱۲/۲۴، ۰۳:۵۵:۳۹ صبح) ، Saeed_T (۱۳۹۱/۱/۷، ۱۰:۰۶:۵۳ صبح) ، jigilihost (۱۳۹۱/۲/۶، ۱۳:۰۶:۰۵ عصر) ، reptal (۱۳۹۱/۳/۴، ۰۸:۰۴:۲۵ صبح) ، saniya (۱۳۹۲/۵/۲۴، ۱۳:۰۱:۴۲ عصر) ، صالح غلامیان (۱۳۹۲/۹/۱۷، ۲۲:۴۸:۳۲ عصر) ، amirhossain1995 (۱۳۹۲/۱۰/۲۴، ۲۲:۲۴:۱۱ عصر) ، محمد محمدی (۱۳۹۳/۱۱/۲۸، ۲۱:۲۲:۲۱ عصر) ، motorola30 (۱۳۹۴/۶/۷، ۱۸:۰۴:۰۹ عصر) ، piroozparvaz (۱۳۹۷/۹/۱۴، ۱۱:۴۵:۳۰ صبح)
#2
آموزش نخست:

HTML خلاصه شده ی چیست؟
Hyper Text Markup Language
Language به معنای یکی از زبان های برنامه نویسی.
Markup زبان بسیار ساده ای که از تگ ها استفاده می کند. (بدون ساختار خاصی است).
Text یک فایل متنی ساده است.
Hyper الگوی خطی ندارد (خطا در قسمتی از آن، باعث خطا در سایر قسمت ها نمی شود).


تگ ها:

Tag ها از 3 قسمت تشکیل شده اند:
1. یک علامت کوچکتر (>)
2. نام تگ
3. یک علامت بزرگتر (<)
[تصویر:  photos.png] نمونه:
<tagname>

تگ ها به صورت دوتایی استفاده می شوند و تشکیل عنصر (Element) را می دهند.
نمونه یک عنصر:
<tagname>content</tagname>

عنصر شامل:
1- (openning Tag) تگ آغازین
2- محتوا
3- (closing Tag) تگ پایانی

تفاوت تگ پایانی با آغازین داشتن علامت / قبل از نام تگ می باشد.

هر تگی که باز می شود باید در جایی بسته شود (البته موارد خاص هم دارد)

اولین نمونه :
برای کلفت نشان دادن متن یا bold کردن آن از تگ <b> استفاده می شود.
نوت پد ویندوز را باز کنید و متن زیر را در آن کپی کنید.
<b> MyBBIran </b>

سپس فایل را با پسوند html ذحیره کرده و آن را در مرورگر اجرا کنید. (نمونه : iran.html)

تمرین: متن مورد نظر خود را در این تگ نوشته و آن را در مرورگر خود ببینید.









مردان بزرگ اراده می‌کنند و مردان کوچک آرزو
[تصویر:  1348752239.gif]




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

پاسخ
 سپاس شده توسطFunSeT (۱۳۹۰/۱۱/۲۸، ۱۲:۲۷:۱۰ عصر) ، AR@KST@R (۱۳۹۰/۱۱/۲۸، ۱۲:۲۷:۲۹ عصر) ، only-only (۱۳۹۰/۱۱/۲۸، ۱۲:۲۷:۴۶ عصر) ، محمد (۱۳۹۰/۱۱/۲۸، ۱۲:۲۸:۴۵ عصر) ، Behr☺uz (۱۳۹۰/۱۱/۲۸، ۱۲:۲۸:۵۸ عصر) ، domino (۱۳۹۰/۱۱/۲۸، ۱۲:۲۹:۴۸ عصر) ، plus (۱۳۹۰/۱۱/۲۸، ۱۲:۳۳:۵۵ عصر) ، geo (۱۳۹۰/۱۱/۲۸، ۱۲:۵۰:۱۵ عصر) ، Hamedi (۱۳۹۰/۱۱/۲۸، ۱۲:۵۷:۳۱ عصر) ، Mohammad-Za (۱۳۹۰/۱۱/۲۸، ۱۳:۴۹:۱۴ عصر) ، Farhoodi (۱۳۹۰/۱۱/۲۸، ۱۳:۵۵:۴۷ عصر) ، mohamad m (۱۳۹۰/۱۱/۲۸، ۱۴:۰۱:۲۸ عصر) ، ahee (۱۳۹۰/۱۱/۲۸، ۱۴:۴۲:۳۹ عصر) ، qazzaq (۱۳۹۰/۱۱/۲۸، ۱۴:۵۰:۰۶ عصر) ، snap (۱۳۹۰/۱۱/۲۸، ۱۵:۲۴:۴۳ عصر) ، artin (۱۳۹۰/۱۱/۲۸، ۱۵:۴۴:۱۴ عصر) ، Cancer9003 (۱۳۹۰/۱۱/۲۹، ۰۰:۴۱:۴۳ صبح) ، alireza013 (۱۳۹۰/۱۱/۲۹، ۰۱:۴۴:۴۹ صبح) ، Mt edition (۱۳۹۰/۱۱/۲۹، ۰۳:۲۶:۱۵ صبح) ، akspix (۱۳۹۰/۱۱/۲۹، ۰۵:۱۵:۱۰ صبح) ، mohamad7824 (۱۳۹۰/۱۱/۲۹، ۰۶:۴۵:۱۰ صبح) ، yaser0421 (۱۳۹۰/۱۱/۲۹، ۰۸:۰۴:۲۶ صبح) ، mahdionline (۱۳۹۰/۱۱/۲۹، ۰۹:۱۹:۲۳ صبح) ، HOssE!N-B (۱۳۹۰/۱۱/۲۹، ۱۱:۱۷:۳۵ صبح) ، khp (۱۳۹۰/۱۱/۳۰، ۰۸:۳۵:۰۱ صبح) ، esfhamed (۱۳۹۰/۱۲/۱، ۱۰:۱۶:۱۶ صبح) ، janahihits (۱۳۹۰/۱۲/۲، ۰۶:۱۸:۰۰ صبح) ، jowkerss (۱۳۹۰/۱۲/۵، ۱۳:۴۴:۰۴ عصر) ، caren (۱۳۹۰/۱۲/۶، ۰۶:۱۰:۳۵ صبح) ، adnan (۱۳۹۰/۱۲/۶، ۱۱:۰۸:۰۶ صبح) ، alone (۱۳۹۰/۱۲/۶، ۱۲:۵۷:۴۷ عصر) ، abtin (۱۳۹۰/۱۲/۷، ۰۴:۰۹:۳۸ صبح) ، dokaven (۱۳۹۰/۱۲/۱۳، ۱۴:۲۹:۰۳ عصر) ، S.Nasiri (۱۳۹۰/۱۲/۱۶، ۰۷:۴۰:۴۵ صبح) ، roya81 (۱۳۹۰/۱۲/۱۹، ۲۳:۵۵:۵۸ عصر) ، ehsanfotoo (۱۳۹۰/۱۲/۲۱، ۲۲:۲۷:۳۸ عصر) ، Saeed_T (۱۳۹۱/۱/۷، ۱۰:۰۶:۴۱ صبح) ، saniya (۱۳۹۲/۵/۲۴، ۱۳:۰۲:۴۴ عصر) ، amirhossain1995 (۱۳۹۲/۱۰/۲۴، ۲۲:۲۴:۳۲ عصر) ، محمد محمدی (۱۳۹۳/۱۱/۲۸، ۲۱:۲۴:۵۸ عصر) ، motorola30 (۱۳۹۴/۶/۷، ۱۸:۰۵:۵۶ عصر) ، ArteRina.ir (۱۳۹۷/۷/۱۶، ۱۹:۴۴:۳۲ عصر)
#3
تگ های مهم:

تگ <br />
کد:
<br />
براي ایجاد شکست خط (رفتن به خط بعدی)
نکته: جرو عناصر تهی (Empty Element) می باشد یعنی در انتهای بخش مورد نظر می آید.
در نسخه های قدیمی از <br> استفاده می شده است اما امروز از نمونه وارد شده در کد بالا استفاده می شود (به فاصله بین r و / دقت شود)

تگ <b> :
به معنای bold ، برای کلفت نمایش دادن متن.
<b> MyBBIran </b>

تگ <i> :
به معنای italic ، برای مورب نمایش دادن متن.
<i> MyBBIran </i>

تگ <u> :
به معنای under ، برای افزودن زیرخط به متن.
<u> MyBBIran </u>

تگ <strike> یا <s> :
به معنای strike ، برای نمایش متن به صورت خط خورده

تگ <sup> :
به معنای superscript ، برای نمایش متن به صورت بالانویس (حالت توان، بالاتر از متن عادی و کمی کوچکتر)

تگ <sub> :
به معنای subscript ، برای نمایش متن به صورت زیرنویس (حالت اندیس، پایین تر از متن عادی و کمی کوچکتر)

تگ <big> :
به معنای big ، برای نمایش متن به صورت بزرگ تر از متن های کناری

تگ <small> :
به معنای small ، برای نمایش متن به صورت کوچک تر از متن های کناری

نکته: استفاده از تگ ها به صورت مضاعف
همانطور که در توضیح تگ های big و small خواندید، این تگ ها متن داخل خود را نسبت به اطراف بزرگ تر یا کوچک تر می کنند. می توانید با وارد کردن چند مرتبه این تگ ها در داخل متن، آن را چندین باز بزرگ یا کوچک کنید.

[تصویر:  photos.png] نمونه:
کد:
<big>Here <big> is <big>MyBBIran</big> for </big> Persian Support</big><br />

تمرین: متن مورد نظر را در داخل تگ ها قرار داده و در مرورگر نتیجه کار خود را ببینید.



مردان بزرگ اراده می‌کنند و مردان کوچک آرزو
[تصویر:  1348752239.gif]




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

پاسخ
 سپاس شده توسطgeo (۱۳۹۰/۱۱/۲۸، ۱۲:۵۰:۲۳ عصر) ، Hamedi (۱۳۹۰/۱۱/۲۸، ۱۲:۵۷:۲۸ عصر) ، FunSeT (۱۳۹۰/۱۱/۲۸، ۱۲:۵۹:۳۱ عصر) ، domino (۱۳۹۰/۱۱/۲۸، ۱۳:۱۱:۰۸ عصر) ، محمد (۱۳۹۰/۱۱/۲۸، ۱۳:۲۲:۴۷ عصر) ، what? (۱۳۹۰/۱۱/۲۸، ۱۳:۲۵:۳۲ عصر) ، djamin (۱۳۹۰/۱۱/۲۸، ۱۳:۳۶:۴۶ عصر) ، Mohammad-Za (۱۳۹۰/۱۱/۲۸، ۱۳:۴۹:۲۷ عصر) ، Farhoodi (۱۳۹۰/۱۱/۲۸، ۱۳:۵۵:۴۴ عصر) ، mohamad m (۱۳۹۰/۱۱/۲۸، ۱۴:۰۱:۴۱ عصر) ، qazzaq (۱۳۹۰/۱۱/۲۸، ۱۴:۵۰:۰۵ عصر) ، snap (۱۳۹۰/۱۱/۲۸، ۱۵:۲۴:۴۰ عصر) ، only-only (۱۳۹۰/۱۱/۲۸، ۱۵:۳۸:۴۳ عصر) ، artin (۱۳۹۰/۱۱/۲۸، ۱۵:۴۴:۴۰ عصر) ، plus (۱۳۹۰/۱۱/۲۸، ۲۱:۲۴:۱۹ عصر) ، Cancer9003 (۱۳۹۰/۱۱/۲۹، ۰۰:۴۱:۳۹ صبح) ، alireza013 (۱۳۹۰/۱۱/۲۹، ۰۱:۴۵:۱۶ صبح) ، Mt edition (۱۳۹۰/۱۱/۲۹، ۰۳:۲۶:۳۳ صبح) ، yaser0421 (۱۳۹۰/۱۱/۲۹، ۰۸:۰۵:۱۹ صبح) ، mahdionline (۱۳۹۰/۱۱/۲۹، ۰۹:۱۹:۱۹ صبح) ، BSE (۱۳۹۰/۱۱/۲۹، ۱۱:۰۸:۴۴ صبح) ، HOssE!N-B (۱۳۹۰/۱۱/۲۹، ۱۱:۱۸:۰۸ صبح) ، Behr☺uz (۱۳۹۰/۱۱/۲۹، ۱۴:۵۶:۱۴ عصر) ، mohamad7824 (۱۳۹۰/۱۱/۳۰، ۰۶:۲۴:۱۰ صبح) ، khp (۱۳۹۰/۱۱/۳۰، ۰۸:۳۵:۰۶ صبح) ، esfhamed (۱۳۹۰/۱۲/۱، ۱۰:۱۶:۱۹ صبح) ، janahihits (۱۳۹۰/۱۲/۲، ۰۶:۱۸:۰۴ صبح) ، jowkerss (۱۳۹۰/۱۲/۵، ۱۳:۵۹:۴۰ عصر) ، caren (۱۳۹۰/۱۲/۶، ۰۶:۱۰:۳۲ صبح) ، adnan (۱۳۹۰/۱۲/۶، ۱۱:۰۸:۱۲ صبح) ، alone (۱۳۹۰/۱۲/۶، ۱۲:۵۹:۱۲ عصر) ، dokaven (۱۳۹۰/۱۲/۱۳، ۱۴:۲۹:۱۷ عصر) ، ehsanfotoo (۱۳۹۰/۱۲/۲۱، ۲۲:۲۷:۴۲ عصر) ، Saeed_T (۱۳۹۱/۱/۷، ۱۰:۰۶:۳۱ صبح) ، amirhossain1995 (۱۳۹۲/۱۰/۲۴، ۲۲:۲۴:۵۴ عصر) ، محمد محمدی (۱۳۹۳/۱۱/۲۸، ۲۱:۲۷:۲۶ عصر) ، motorola30 (۱۳۹۴/۶/۷، ۱۸:۰۵:۵۱ عصر)
#4
سه تگ مهم دیگر

تگ <blink>
متنی که بین این تگ قرار می گیرد به صورت چشمک زن در می آید (نکته: تمامی مروگر ها به جز IE از این تگ پشتیبانی می کنند)
<blink>MyBBIran</blink>

تگ <center>
برای وسط چین کردن متن
<center>MyBBIran</center>

تگ <hr />
کد:
<hr />
برای ایجاد یک خط افقی. این تگ جزو تگ های تهی است و باید در محل مناسبی استفاده شود.
نمونه استفاده از این تگ در MyBB، خط امضا می باشد. (خط میان ارسال و امضای کاربر)
می توان با استفاده از این تگ، خط را به شکل خای مختلف تعریف کرد.
نکته: در تگ های تهی به فاصله میان / و عبارت قبل از آن دقت شود.


1- سایز خط (کلفتی)
می تواند با افزودن عبارت size کلفتی خط را تعریف کرد. (نکته: سایز بر اساس پیکسل می باشد)
کد:
<hr size=20 />

2- طول خط
با استفاده از width می توانید طول خط را تعریف کنید. هم بر اساس پیکسل هم درصدی از عرض صفحه بیان می شود.
کد:
< hr width=20 />
یا
< hr width=20% />

3- محل قرارگیری (تراز)
با استفاده از align می توانید محل قرارگیری خط را تعریف کنید. (سه متغیر left ، right ، center)
کد:
align=right

4- رنگ خط
به چند طریق می توانید رنگ برای خط خود تعریف کنید.
آ. نام رنگ، که باید آن ها را به خاطر بسپارید.
16 رنگ استاندارد:
کد:
Black , silver , gray , white , maroon , red , purple , fushia , green , lime , olive , yellow , navy , blue , teal , aqua
ب. کد رنگ (مبنای هگزادسیمال)
فرم کلی به صورت rrggbb# می باشد. برای نمونه 00000# رنگ سفید است.
پ. تابع rgp
این تابع به ترتیب سه رنگ قرمز، سبز و ابی را به عنوان مقدار می پذیرد. اعداد آن به صورت عدد صحیح یا درصد است. اعداد صحیح قابل قبول بین 0 و 255 است که 255 برابر 100% می باشد.
کد:
rgb(0%,63%,100%)
یا
rgb(0,160,255)
از این تابع در رنگ گروه های کاربری مدیریت استفاده شده است.

5- ترکیب ویژگی ها
به آسانی می توانید ویژگی های بیان شده برای خط را با هم ترکیب کنید.
کد:
<hr width=20% size=20 />




تمرین:
کد زیر را در فایل تمرین خود وارد کرده و آن را در مرورگر ببینید. سپس طبق سلیقه خود ویرایش کنید.
کد:
<hr  width=20%  color=red size=10 align=right />




مردان بزرگ اراده می‌کنند و مردان کوچک آرزو
[تصویر:  1348752239.gif]




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

پاسخ
 سپاس شده توسطFunSeT (۱۳۹۰/۱۱/۲۸، ۱۶:۳۹:۴۹ عصر) ، geo (۱۳۹۰/۱۱/۲۸، ۱۶:۴۰:۲۰ عصر) ، alirezaveran (۱۳۹۰/۱۱/۲۸، ۱۸:۱۶:۲۳ عصر) ، Mohammad.T (۱۳۹۰/۱۱/۲۸، ۱۸:۴۷:۴۴ عصر) ، Cancer9003 (۱۳۹۰/۱۱/۲۹، ۰۰:۴۱:۳۶ صبح) ، alireza013 (۱۳۹۰/۱۱/۲۹، ۰۱:۴۵:۲۷ صبح) ، Doodoo (۱۳۹۰/۱۱/۲۹، ۰۱:۴۹:۵۰ صبح) ، Mt edition (۱۳۹۰/۱۱/۲۹، ۰۳:۲۶:۴۳ صبح) ، akspix (۱۳۹۰/۱۱/۲۹، ۰۵:۱۵:۳۹ صبح) ، yaser0421 (۱۳۹۰/۱۱/۲۹، ۰۸:۰۵:۲۴ صبح) ، mahdionline (۱۳۹۰/۱۱/۲۹، ۰۹:۱۹:۱۴ صبح) ، BSE (۱۳۹۰/۱۱/۲۹، ۱۱:۰۸:۳۹ صبح) ، HOssE!N-B (۱۳۹۰/۱۱/۲۹، ۱۱:۱۸:۱۹ صبح) ، only-only (۱۳۹۰/۱۱/۲۹، ۱۳:۳۱:۱۹ عصر) ، snap (۱۳۹۰/۱۱/۲۹، ۱۴:۴۷:۴۸ عصر) ، Behr☺uz (۱۳۹۰/۱۱/۲۹، ۱۴:۵۶:۱۹ عصر) ، mansour1 (۱۳۹۰/۱۱/۲۹، ۱۶:۵۷:۳۷ عصر) ، mohamad7824 (۱۳۹۰/۱۱/۳۰، ۰۶:۳۵:۲۳ صبح) ، khp (۱۳۹۰/۱۱/۳۰، ۰۸:۳۵:۱۲ صبح) ، mohamad m (۱۳۹۰/۱۱/۳۰، ۱۶:۴۶:۲۸ عصر) ، محمد (۱۳۹۰/۱۲/۱، ۰۲:۰۶:۰۷ صبح) ، majid1605 (۱۳۹۰/۱۲/۱، ۰۷:۱۱:۲۸ صبح) ، esfhamed (۱۳۹۰/۱۲/۱، ۱۰:۱۶:۲۳ صبح) ، janahihits (۱۳۹۰/۱۲/۲، ۰۶:۱۸:۱۱ صبح) ، caren (۱۳۹۰/۱۲/۶، ۰۶:۱۰:۲۸ صبح) ، adnan (۱۳۹۰/۱۲/۶، ۱۱:۰۹:۱۵ صبح) ، alone (۱۳۹۰/۱۲/۶، ۱۳:۰۰:۱۳ عصر) ، plus (۱۳۹۰/۱۲/۹، ۱۱:۵۸:۰۳ صبح) ، dokaven (۱۳۹۰/۱۲/۱۳، ۱۴:۲۹:۳۵ عصر) ، S.Nasiri (۱۳۹۰/۱۲/۱۶، ۰۷:۴۱:۵۷ صبح) ، ehsanfotoo (۱۳۹۰/۱۲/۲۱، ۲۲:۲۷:۴۷ عصر) ، Saeed_T (۱۳۹۱/۱/۷، ۱۰:۰۶:۱۸ صبح) ، amirhossain1995 (۱۳۹۲/۱۰/۲۴، ۲۲:۴۶:۵۶ عصر) ، محمد محمدی (۱۳۹۳/۱۱/۲۸، ۲۱:۴۳:۱۵ عصر) ، motorola30 (۱۳۹۴/۶/۷، ۱۸:۰۶:۴۵ عصر) ، ArteRina.ir (۱۳۹۷/۷/۱۶، ۱۹:۴۴:۴۱ عصر)
#5
تگ قراردادن تصویر
کد:
<img />

نمونه کامل آن به صورت زیر است که شامل لینک تصویر و توضیحی درباره آن است.:
کد:
<img src="MyBBIran.jpg" alt="Here is!" />

صفت های این تگ:
1- align : محل قرارگیری تصویر نسبت به متن و عناصر اطراف آن شامل مقادیر زیر:
عکس در سمت راست متن: right
عکس در سمت چپ متن : left
قسمت بالای عکس با خطی که در آن قرار دارد تراز می شود : top
میانه ی عکس با خطی که در آن قرار دارد تراز می شود: middle
قسمت پایینی عکس با خطی که در آن قرار دارد تراز می شود : bottom

2- alt : بیان توضیح برای تصویر، اگر تصویر بارگذاری نشود این متن به جای آن نمایش داده می شود. استفاده از alt در تگ تصویر امروزه ضروری می باشد.

3- height : ارتفاع تصویر بر اساس px یا درصد.

4- width : عرض تصویر بر اساس px با درصد.

5- border : ضخامت کادر عکس بر اساس px

6- vspace : فاصله تصویر از بالا و پایین با محیط.

7- hspace : فاصله تصویر از چپ و راست با محیط.

8- src : اصلی ترین صفت که لینک تصویر در آن قرار می گیرد.






مردان بزرگ اراده می‌کنند و مردان کوچک آرزو
[تصویر:  1348752239.gif]




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

پاسخ
 سپاس شده توسطgeo (۱۳۹۰/۱۱/۲۹، ۱۴:۰۴:۱۸ عصر) ، FunSeT (۱۳۹۰/۱۱/۲۹، ۱۴:۱۵:۱۸ عصر) ، snap (۱۳۹۰/۱۱/۲۹، ۱۴:۴۷:۴۳ عصر) ، Behr☺uz (۱۳۹۰/۱۱/۲۹، ۱۴:۵۶:۲۵ عصر) ، Mt edition (۱۳۹۰/۱۱/۲۹، ۲۱:۲۱:۱۹ عصر) ، mohamad7824 (۱۳۹۰/۱۱/۳۰، ۰۶:۳۶:۲۸ صبح) ، khp (۱۳۹۰/۱۱/۳۰، ۰۸:۳۵:۱۹ صبح) ، mohamad m (۱۳۹۰/۱۱/۳۰، ۱۶:۴۷:۱۷ عصر) ، محمد (۱۳۹۰/۱۲/۱، ۰۲:۰۵:۳۱ صبح) ، majid1605 (۱۳۹۰/۱۲/۱، ۰۷:۱۱:۲۶ صبح) ، esfhamed (۱۳۹۰/۱۲/۱، ۱۰:۱۶:۲۶ صبح) ، janahihits (۱۳۹۰/۱۲/۲، ۰۶:۱۸:۱۵ صبح) ، mahdionline (۱۳۹۰/۱۲/۲، ۱۳:۴۱:۵۰ عصر) ، Cancer9003 (۱۳۹۰/۱۲/۲، ۱۳:۵۸:۰۰ عصر) ، yaser0421 (۱۳۹۰/۱۲/۵، ۰۱:۴۲:۵۹ صبح) ، caren (۱۳۹۰/۱۲/۶، ۰۶:۱۰:۲۶ صبح) ، adnan (۱۳۹۰/۱۲/۶، ۱۱:۱۰:۲۰ صبح) ، alone (۱۳۹۰/۱۲/۶، ۱۳:۰۱:۲۱ عصر) ، Doodoo (۱۳۹۰/۱۲/۸، ۰۰:۳۷:۰۵ صبح) ، dokaven (۱۳۹۰/۱۲/۱۳، ۱۴:۲۹:۴۲ عصر) ، ehsanfotoo (۱۳۹۰/۱۲/۲۱، ۲۲:۲۷:۵۰ عصر) ، محمد محمدی (۱۳۹۳/۱۱/۲۸، ۲۱:۴۹:۰۸ عصر) ، motorola30 (۱۳۹۴/۶/۷، ۱۸:۰۶:۵۹ عصر)
#6
تگ <a> :
برای ایجاد لینک استفاده می شود

[تصویر:  photos.png] نمونه:
کد:
<a href="http://community.mybbiran.com/thread-9269.html">Amuzesh html</a>

صفت ها: (بعدا در مورد صفت ها توضیحات کلی بیشتری داده می شود)
href :
اصلی ترین صفت که لینک مورد نظر در آن قرار می گیرد.

توضیح اضافه در مورد لینک ها:
1- لینک کامل (مطلق یا absolute URL) : که لینک به طور کامل نوشته می شود، مانند:
کد:
http://community.mybbiran.com
2- لینک ناقص (نسبی یا relative URL) : که در آن بخشی از آدرس نوشته می شود، مانند:
کد:
/images/smilies/angry.gif
** در لینک های نسبی از نوشتن دامنه صرف نظر می شود.
*** برای لینک دادن به سایت دیگر از لینک مطلق و برای لینک دادن به سرور خودی از لینک نسبی استفاده می شود.

Target :
نوع برخورد با صفحه لینک داده شده.

1- blank_ : باز کردن لینک در صفحه جدید.
2- self_ : باز کردن لینک در همان صفحه.
3- top_ : معمولا مانند self_ عمل می کند.


تمرین: لینک دار کردن عکس با استفاده از این آموزش و ارسال قبلی:
کد:
<a href="http://community.mybbiran.com/thread-9269.html" target="_blank"><img src="http://community.mybbiran.com/images/smilies/sad.gif" /></a>


مردان بزرگ اراده می‌کنند و مردان کوچک آرزو
[تصویر:  1348752239.gif]




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

پاسخ
 سپاس شده توسطsnap (۱۳۹۰/۱۱/۳۰، ۱۳:۱۷:۲۷ عصر) ، HOssE!N-B (۱۳۹۰/۱۱/۳۰، ۱۳:۱۷:۳۷ عصر) ، geo (۱۳۹۰/۱۱/۳۰، ۱۳:۲۱:۴۲ عصر) ، khp (۱۳۹۰/۱۱/۳۰، ۱۳:۳۵:۴۶ عصر) ، FunSeT (۱۳۹۰/۱۱/۳۰، ۱۵:۲۹:۵۵ عصر) ، mohamad m (۱۳۹۰/۱۱/۳۰، ۱۶:۴۶:۴۳ عصر) ، محمد (۱۳۹۰/۱۲/۱، ۰۲:۰۵:۰۲ صبح) ، majid1605 (۱۳۹۰/۱۲/۱، ۰۷:۱۱:۲۲ صبح) ، Mt edition (۱۳۹۰/۱۲/۱، ۰۷:۱۵:۲۵ صبح) ، esfhamed (۱۳۹۰/۱۲/۱، ۱۰:۲۰:۱۰ صبح) ، only-only (۱۳۹۰/۱۲/۱، ۱۱:۰۳:۰۹ صبح) ، reza536 (۱۳۹۰/۱۲/۱، ۱۲:۴۷:۵۸ عصر) ، janahihits (۱۳۹۰/۱۲/۲، ۰۶:۱۸:۲۰ صبح) ، mahdionline (۱۳۹۰/۱۲/۲، ۱۳:۴۱:۳۹ عصر) ، Cancer9003 (۱۳۹۰/۱۲/۲، ۱۳:۵۷:۵۷ عصر) ، mohamad7824 (۱۳۹۰/۱۲/۳، ۰۵:۳۲:۳۴ صبح) ، Behr☺uz (۱۳۹۰/۱۲/۳، ۱۳:۱۶:۰۲ عصر) ، yaser0421 (۱۳۹۰/۱۲/۵، ۰۱:۴۳:۰۳ صبح) ، caren (۱۳۹۰/۱۲/۶، ۰۶:۱۰:۲۳ صبح) ، adnan (۱۳۹۰/۱۲/۶، ۱۱:۱۶:۱۸ صبح) ، alone (۱۳۹۰/۱۲/۶، ۱۳:۰۱:۴۵ عصر) ، dokaven (۱۳۹۰/۱۲/۱۳، ۱۴:۲۹:۴۸ عصر) ، ehsanfotoo (۱۳۹۰/۱۲/۲۱، ۲۲:۲۷:۵۴ عصر) ، محمد محمدی (۱۳۹۳/۱۱/۲۸، ۲۱:۵۱:۰۰ عصر) ، motorola30 (۱۳۹۴/۶/۷، ۱۸:۰۷:۲۰ عصر) ، ArteRina.ir (۱۳۹۷/۷/۱۶، ۱۹:۴۴:۴۵ عصر)
#7
صفت ها در html

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

صفت ها دارای دو قسمت هستند:

1- Name : نام صفت
2- Value : مقدار آن

بعد از نام صفت علامت مساوی (=) و بعد از آن مقدار صفت به صورتی که داخل گیومه (کوتیشن) قرار گرفته است نوشته می شود.

[تصویر:  photos.png] نمونه:
کد:
<p align=''right">Amuzesh</p>
در این نمونه
align ، نام صفت و right ، مقدار آن می باشد.

نکته: کوتیشن ها می توانند به صورت تکی یا دو تایی باشند: " یا '

برخی از صفت های عمومی:

class : برای نسبت دادن کلاسی که با استفاده از زبان CSS نوشته شده است.

dir : جهت گیری متن را تعیین می کند. دو مقدار rtl برای راست به چپ و ltr برای چپ به راست را می پذیرد.

title : توضیح ساده که با رفتن موس بر روی قسمت مورد نظر نمایش داده می شود. (به صورت tooltip)

style : برای تعیین قواعدی که به زبان CSS تعریف شده است استفاده می شود.

قبلا با برخی از صفت های عمومی و خصوصی مانند align و alt و height و width و border و vspace و hspace و target و src و href آشنا شده اید.
















مردان بزرگ اراده می‌کنند و مردان کوچک آرزو
[تصویر:  1348752239.gif]




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

پاسخ
 سپاس شده توسطkhp (۱۳۹۰/۱۲/۲، ۱۱:۴۴:۳۸ صبح) ، geo (۱۳۹۰/۱۲/۲، ۱۲:۰۰:۱۲ عصر) ، esfhamed (۱۳۹۰/۱۲/۲، ۱۲:۵۵:۱۸ عصر) ، mahdionline (۱۳۹۰/۱۲/۲، ۱۳:۴۱:۲۹ عصر) ، Cancer9003 (۱۳۹۰/۱۲/۲، ۱۳:۵۷:۵۰ عصر) ، king1500 (۱۳۹۰/۱۲/۲، ۱۴:۳۹:۰۸ عصر) ، FunSeT (۱۳۹۰/۱۲/۲، ۱۵:۱۲:۲۷ عصر) ، محمد (۱۳۹۰/۱۲/۲، ۱۵:۱۹:۲۴ عصر) ، snap (۱۳۹۰/۱۲/۲، ۱۵:۳۲:۵۰ عصر) ، mohamad7824 (۱۳۹۰/۱۲/۳، ۰۵:۳۲:۳۱ صبح) ، Behr☺uz (۱۳۹۰/۱۲/۳، ۱۳:۱۷:۳۴ عصر) ، yaser0421 (۱۳۹۰/۱۲/۵، ۰۱:۴۳:۰۶ صبح) ، Mt edition (۱۳۹۰/۱۲/۵، ۰۱:۴۳:۴۸ صبح) ، alone (۱۳۹۰/۱۲/۶، ۱۳:۰۱:۴۹ عصر) ، adnan (۱۳۹۰/۱۲/۱۲، ۰۲:۵۱:۵۲ صبح) ، dokaven (۱۳۹۰/۱۲/۱۳، ۱۴:۲۹:۵۳ عصر) ، ehsanfotoo (۱۳۹۰/۱۲/۲۱، ۲۲:۲۷:۵۷ عصر) ، Saeed_T (۱۳۹۱/۱/۷، ۱۰:۱۸:۴۳ صبح) ، Doodoo (۱۳۹۱/۲/۲۵، ۱۱:۲۳:۲۸ صبح) ، HOssE!N-B (۱۳۹۳/۱۲/۳، ۱۶:۲۳:۰۵ عصر) ، motorola30 (۱۳۹۴/۶/۷، ۱۸:۰۷:۴۵ عصر)
#8
حالت کلی سند html

کد:
<! Doc Type>
نسخه html

<html>
html شروع سند

<head>
توضیحاتی درباره سند که در مرورگر نمایش داده نمی شود
</head>

<body>
هر چیزی که در مرورگر نشان داده می شود
</body>

</html>

نکته: با قرار دادن تگ title در قسمت header می توانید عنوان صفحه را برای مرورگر تعریف کنید.

کد:
<html>
<head>
<title>MyBBIran</title>
</head>
<body>
<p>MyBB Persian Support</p>
</body>
</html>

نکته ها:
هر صفحه html با یک تگ <html> آغاز و با تگ <html/> ، پایان می یابد.
عنصر <head> ، سر صفحه را مشخص می کند و می تواند شامل اطلاعاتی در مورد صفحه باشد.
عنصر <body> ، بدنه صفحه، اطلاعاتی که نمایش داده می شود.


مردان بزرگ اراده می‌کنند و مردان کوچک آرزو
[تصویر:  1348752239.gif]




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

پاسخ
 سپاس شده توسطHOssE!N-B (۱۳۹۰/۱۲/۵، ۰۱:۳۹:۱۲ صبح) ، Doodoo (۱۳۹۰/۱۲/۵، ۰۱:۳۹:۲۲ صبح) ، yaser0421 (۱۳۹۰/۱۲/۵، ۰۱:۴۳:۰۹ صبح) ، Mt edition (۱۳۹۰/۱۲/۵، ۰۱:۴۳:۳۹ صبح) ، geo (۱۳۹۰/۱۲/۵، ۰۱:۵۸:۳۷ صبح) ، AmiR-Ali (۱۳۹۰/۱۲/۵، ۰۱:۵۹:۰۲ صبح) ، Cancer9003 (۱۳۹۰/۱۲/۵، ۰۲:۰۳:۱۳ صبح) ، FunSeT (۱۳۹۰/۱۲/۵، ۰۲:۲۸:۴۰ صبح) ، khp (۱۳۹۰/۱۲/۵، ۰۴:۱۶:۰۶ صبح) ، esfhamed (۱۳۹۰/۱۲/۶، ۰۱:۰۴:۴۰ صبح) ، mohamad7824 (۱۳۹۰/۱۲/۶، ۰۵:۰۸:۲۳ صبح) ، caren (۱۳۹۰/۱۲/۶، ۰۶:۱۰:۲۲ صبح) ، adnan (۱۳۹۰/۱۲/۶، ۱۱:۲۰:۰۹ صبح) ، alone (۱۳۹۰/۱۲/۶، ۱۳:۰۱:۵۴ عصر) ، dokaven (۱۳۹۰/۱۲/۱۳، ۱۴:۳۰:۰۰ عصر) ، mahdionline (۱۳۹۰/۱۲/۱۷، ۱۳:۳۰:۰۶ عصر) ، Behr☺uz (۱۳۹۰/۱۲/۱۷، ۱۳:۳۰:۱۶ عصر) ، ehsanfotoo (۱۳۹۰/۱۲/۲۱، ۲۲:۲۸:۰۰ عصر) ، Saeed_T (۱۳۹۱/۱/۷، ۱۰:۲۱:۴۸ صبح) ، Mohammad.T (۱۳۹۱/۳/۵، ۱۴:۴۸:۳۸ عصر) ، محمد محمدی (۱۳۹۳/۱۱/۲۹، ۱۸:۱۲:۵۱ عصر) ، motorola30 (۱۳۹۴/۶/۷، ۱۸:۰۷:۵۶ عصر)
#9
چند تگ دیگر

<#H>
برای تعیین اندازه متن که به جای # عددی بین 1 تا 6 قرار می گیرد.

<em>
برای تاکید روی یک متن که اغلب ظاهر آن به ضورت مورب می باشد.

<strong>
مانند <br> برای کلفت نشان دادن متن

<ins>
مانند <u> برای زیر خط دار کردن متن

<del>
مانند <s> برای نمایش متن به صورت خط خورده

<pre>
برای اینکه مرورگر متن شما را دقیق به همان شکل نمایش دهد (رعایت فاصله بین کلمات و ...)
برای نمونه ممکن است شما بین دو واژه از چند فاصله (space) استفاده کنید. تا زمانی که متن داخل این تگ نباشد مرورگر تمامی فاصله ها را یک مورد در نظر می گیرد!
کد:
<pre>
درود،                  به مای بی بی ایران خوش آمدید
</pre>



مردان بزرگ اراده می‌کنند و مردان کوچک آرزو
[تصویر:  1348752239.gif]




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

پاسخ
 سپاس شده توسطHOssE!N-B (۱۳۹۰/۱۲/۷، ۰۲:۱۶:۰۴ صبح) ، Cancer9003 (۱۳۹۰/۱۲/۷، ۰۵:۵۶:۳۱ صبح) ، FunSeT (۱۳۹۰/۱۲/۷، ۰۶:۰۶:۲۲ صبح) ، geo (۱۳۹۰/۱۲/۷، ۰۶:۳۴:۳۲ صبح) ، khp (۱۳۹۰/۱۲/۷، ۱۱:۳۰:۵۵ صبح) ، only-only (۱۳۹۰/۱۲/۷، ۱۲:۲۶:۲۲ عصر) ، Doodoo (۱۳۹۰/۱۲/۸، ۰۰:۳۷:۵۰ صبح) ، esfhamed (۱۳۹۰/۱۲/۸، ۰۹:۳۵:۴۴ صبح) ، adnan (۱۳۹۰/۱۲/۹، ۰۶:۱۱:۲۴ صبح) ، dokaven (۱۳۹۰/۱۲/۱۳، ۱۴:۳۰:۰۵ عصر) ، mahdionline (۱۳۹۰/۱۲/۱۷، ۱۳:۳۰:۱۰ عصر) ، Behr☺uz (۱۳۹۰/۱۲/۱۷، ۱۳:۳۰:۱۵ عصر) ، Mt edition (۱۳۹۰/۱۲/۱۸، ۰۱:۳۶:۰۹ صبح) ، ehsanfotoo (۱۳۹۰/۱۲/۲۱، ۲۲:۲۸:۰۳ عصر) ، Saeed_T (۱۳۹۱/۱/۷، ۱۰:۲۳:۰۸ صبح) ، Mohammad.T (۱۳۹۱/۳/۵، ۱۴:۴۸:۳۲ عصر) ، محمد محمدی (۱۳۹۳/۱۱/۲۹، ۱۸:۱۴:۰۲ عصر) ، motorola30 (۱۳۹۴/۶/۷، ۱۸:۰۸:۳۴ عصر)
#10
تا اینجا تقریبا نیمی از HTML را آموخته اید.

ایجاد لیست نامرتب:

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


از <li> و <ul> برای ایجاد لیست نامرتب استفاده می شود.

<ul> </ul> : لیست را ایجاد می کند.
<li> </li> : هر گزینه یا هر خط درون این قرار می گیرد.

کد:
<ul>
<li>GOZINE 1</li>
<li>GOZINE 2</li>
</ul>

در کنار هر نوشته یک دایره یا مربع قرار می گیرد. شما می توانید با دادن صفت به <li> نوع آن را مشخص کنید. (می توانید از صفت ها در <ul> نیز استفاده کنید)

صفت ها
Type : با استفاده از آن می توان نوع علامت کنار هر گزینه را تعریف کرد که مقادیر زیر را می پذیرد:
circle : دایره تو خالی
Disc : دایره تو پر سیاه رنگ
Square : مربع تو پر

کد:
<ul type='disc'>
<li>GOZINE 1</li>
<li type="Square">GOZINE 2</li>
<li>GOZINE 3</li>
<li>GOZINE 4</li>
<li type="circle">GOZINE 5</li>
<li>GOZINE 6</li>
</ul>

اگر نمونه بالا را در فایل تمرین خود انجام دهید متوجه می شود که هر گزینه ای که صفت ندارد (<li> دارای صفت نمی باشد) از صفت تعریف شده برای <ul> پیروی می کند.






مردان بزرگ اراده می‌کنند و مردان کوچک آرزو
[تصویر:  1348752239.gif]




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

پاسخ
 سپاس شده توسطking_yekta (۱۳۹۰/۱۲/۱۱، ۰۱:۰۲:۰۶ صبح) ، geo (۱۳۹۰/۱۲/۱۱، ۰۱:۴۶:۵۳ صبح) ، khp (۱۳۹۰/۱۲/۱۱، ۰۳:۱۶:۱۷ صبح) ، FunSeT (۱۳۹۰/۱۲/۱۱، ۰۵:۳۹:۵۵ صبح) ، Cancer9003 (۱۳۹۰/۱۲/۱۱، ۰۶:۰۵:۵۵ صبح) ، HOssE!N-B (۱۳۹۰/۱۲/۱۱، ۰۶:۱۰:۰۹ صبح) ، only-only (۱۳۹۰/۱۲/۱۱، ۱۰:۱۲:۲۸ صبح) ، AR@KST@R (۱۳۹۰/۱۲/۱۱، ۱۰:۳۸:۲۳ صبح) ، adnan (۱۳۹۰/۱۲/۱۲، ۰۲:۵۲:۲۲ صبح) ، dokaven (۱۳۹۰/۱۲/۱۳، ۱۴:۳۰:۱۶ عصر) ، Behr☺uz (۱۳۹۰/۱۲/۱۷، ۱۳:۳۰:۱۲ عصر) ، mahdionline (۱۳۹۰/۱۲/۱۷، ۱۳:۳۰:۱۴ عصر) ، Mt edition (۱۳۹۰/۱۲/۱۸، ۰۱:۳۶:۰۳ صبح) ، plus (۱۳۹۰/۱۲/۲۴، ۰۲:۴۸:۰۳ صبح) ، Saeed_T (۱۳۹۱/۱/۷، ۱۰:۲۵:۳۷ صبح) ، f125tk (۱۳۹۱/۲/۴، ۰۱:۲۵:۳۰ صبح) ، Mohammad.T (۱۳۹۱/۳/۵، ۱۴:۴۸:۲۹ عصر) ، kineh (۱۳۹۱/۴/۱۸، ۰۱:۵۰:۵۱ صبح) ، motorola30 (۱۳۹۴/۶/۷، ۱۸:۰۹:۰۳ عصر)


موضوع‌های مشابه…
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش پنهان کردن تگ html بدون ضرر برای SEO ramindiyar24 3 3,624 ۱۳۹۸/۸/۸، ۱۱:۲۲:۳۴ صبح
آخرین ارسال: webkima
  ظاهر بندی HTML sahar708 0 1,856 ۱۳۹۴/۱۰/۷، ۱۰:۳۴:۲۲ صبح
آخرین ارسال: sahar708
  خصوصيات استاندارد تگ های HTML : sahar708 0 1,929 ۱۳۹۴/۶/۲۱، ۱۳:۴۰:۰۲ عصر
آخرین ارسال: sahar708
  {توجه} دوره های آموزش html Mohammad-Mo 12 8,843 ۱۳۹۴/۶/۸، ۱۵:۳۰:۱۲ عصر
آخرین ارسال: R. Najafi
  تگ های HTML heidari 0 1,872 ۱۳۹۴/۵/۱۸، ۱۵:۴۵:۴۹ عصر
آخرین ارسال: heidari
  تگ های ساختارBody Head Html saharrahin 0 1,556 ۱۳۹۴/۴/۱۵، ۱۱:۱۲:۲۶ صبح
آخرین ارسال: saharrahin
  کنترل های ذاتی HTML heidari 0 1,245 ۱۳۹۴/۴/۱۰، ۱۱:۵۵:۳۶ صبح
آخرین ارسال: heidari
  رويدادهای عناصر فرم در HTML heidari 0 1,280 ۱۳۹۴/۴/۸، ۱۳:۱۱:۲۲ عصر
آخرین ارسال: heidari
  یک فایل HTML چیست؟ heidari 1 1,768 ۱۳۹۴/۳/۳۱، ۱۴:۵۶:۱۰ عصر
آخرین ارسال: saharrahin
  آموزش پایه HTML alibaba 1 2,064 ۱۳۹۴/۱/۲۳، ۱۶:۵۳:۴۹ عصر
آخرین ارسال: bagheri.mj

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان