/ جلسه نهم آموزش HTML-->تگ های کارآمد در html
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
فروش قالب وردپرس فروش فایل مشابه ژاکت وندا هاست
نمایش نتایج: از 1 به 1 از 1

موضوع: جلسه نهم آموزش HTML-->تگ های کارآمد در html

  1. #1
    AminX آنلاین نیست.
    AminX
    مدير بازنشسته
    4,703نوشته6,570مورد پسند

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    984
    پسندیده است
    2,596 پست
    بلاگ
    2 پست
    میزان امتیاز
    6578
    مسئول 2 ستاره
    www.cssnevis.ir

    جلسه نهم آموزش HTML-->تگ های کارآمد در html

    درود!

    با جلسه نهم html در خدمت شما هستم!

    در این جلسه میخوام تگ های کارامد رو بهتون معرفی کنم و نحوه استفاده آنها رو بهتون بگم!

    کدهای زیر را در notepad وارد کنید تا به تفاوت و کارایی انها اشنا بشید:

    کد:
    <p><b>This text is bold</b></p><p><strong>This text is strong</strong></p>
    <p><i>This text is italic</i></p>
    <p><em>This text is emphasized</em></p>
    <p><code>This is computer output</code></p>
    <p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
    تگ های کارآمد در html

    در اچ تی ام ال از تگ <b> برای بولد کردن و از <i> برای ایتالیک کردن استفاده میکنند!

    گاهی تگ <strong> به جای <b> و تگ <em> به جای <i> ارائه میشود!

    تفاوت آنها در این است که:تگ های <b> و <i> فقط برای بولد و ایتالیک کردن نوشته استفاده میشوند!

    ولی تگ های <em> و <strong> برای این استفاده میشوند در نوشته که به کاربر بفهماند این نوشته "مهم" است!

    امروزه بیشتر موتور های جست و جو گر strong رو مانند b و em رو مانند i به حساب می آورند!

    خودت را امتحان کن!

    کدهای زیر را در notepad بنویسید و اجرا کنید و با تغییر در انها به کارایی های انها بیشتر پی ببرید!

    تگ هایی که برای نوشته به کار میروند:


    کد:
    <p><b>This text is bold</b></p><p><strong>This text is strong</strong></p>
    <p><em>This text is emphasized</em></p>
    <p><i>This text is italic</i></p>
    <p><small>This text is small</small></p>
    <p>This is<sub> subscript</sub> and <sup>superscript</sup></p>


    نوشته های تنظیم نشده:

    کد:
    <pre>This is
    preformatted text.
    It preserves      both spaces
    and line breaks.
    </pre>
    
    
    <p>The pre tag is good for displaying computer code:</p>
    
    
    <pre>
    for i = 1 to 10
         print i
    next i
    
    </pre>


    تگ های خروجی کامپیوتر:

    کد:
    <code>Computer code</code><br>
    <kbd>Keyboard input</kbd>
    <br>
    <samp>Sample text</samp>
    <br>
    <var>Computer variable</var>
    <br>
    
    
    
    <p><b>Note:</b> These tags are often used to display computer/programming code.</p>


    آدرس:

    کد:
    <address>Written by Wikivb.ir<br>
    <a href="mailto:Admin@wikivb.ir">Email us</a><br>
    Address: Box 564, Disneyland<br>
    Phone: +12 34 56 78
    
    </address>


    کلمات اختصاری:

    کد:
    <p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p><p>Can I get this <abbr title="as soon as possible">ASAP</abbr>?</p>
    
    
    
    <p>The title attribute is used to show the spelled-out version when holding the mouse pointer over the acronym or abbreviation.</p>


    جهت متن:

    کد:
    <p>If your browser supports bi-directional override (bdo), the next line will be written from the right to the left (rtl):
    </p>
    
    
    <bdo dir="rtl">
    Here is some Hebrew text
    
    </bdo>


    ساخت دسته ای از جملات بلند و کوتاه

    کد:
    <h2>The &lt;blockquote&gt; tag</h2><p>The &lt;blockquote&gt; tag specifies a section that is quoted from another source.</p>
    <p>Here is a quote from WWF's website:</p>
    <blockquote cite="http://www.worldwildlife.org/who/index.html">
    For 50 years, WWF has been protecting the future of nature. The world’s leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
    </blockquote>
    <p><b>Note:</b> Browsers usually indent &lt;blockquote&gt; elements.</p>
    
    
    <h2>The &lt;q&gt; tag</h2>
    <p>The &lt;q&gt; tag defines a short quotation.</p>
    
    
    <p>WWF's goal is to: 
    <q>Build a future where people live in harmony with nature.</q>
    We hope they succeed.</p>
    
    <p><b>Note:</b> Browsers insert quotation marks around the &lt;q&gt; tag.</p>


    خط کشیدن روی کلمه

    کد:
    <p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
    
    
    <p>Notice that browsers will strikethrough deleted text and underline inserted text.</p>


    توضیح درباره کارایی های تگ ها

    <b>:بولد کردن نوشته

    <em>:متن تاکید شده را معرفی میکند

    <i>:ایتالیک کردن نوشته

    <small>:کوچک کردن نوشته

    <strong>:متن مهم را نشان میدهد

    <sub>:متن را زیرنویس میکند

    <sup>:متن را بالا نویس میکند

    <ins>:متن قرار داده شده را معرفی میکند

    <del>:متن حذف شده را معرفی میکند

    <code>:متن کد دار را معرفی میکند

    <kbd>:متن کیبورد را معرفی میکند

    <samp>:متن معمولی را معرفی میکند

    <var>:یک متغیر را معرفی میکند

    <pre>:متن های قالب بندی , کد بندی را معرفی میکند

    <abbr>:مخفف را معرفی میکند

    <address>:آدرس را معرفی میکند

    <bdo>:جهت متن را معرفی میکند

    <blockquote>:نقل کردن از یک بخش دیگر

    <q>:نقل قول های کوتاه را معرفی میکند

    <cite>:عنوان کار یا موضوع را معرفی میکند

    <dfn>:یک متن تعریف شده را تعریف میکند مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    پایان آموزشمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    ادامه دارد......


    5 نفر از اعضا پست AminX را پسندیده اند


    .....

  2. نوين وردپرس تبلیغات شما

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. پاسخ: 0
    آخرين نوشته: 06-05-2013, 06:27 PM
  2. سوال درمورد کلاس آموزشی html
    توسط Codage در انجمن گفت و گوی آزاد
    پاسخ: 13
    آخرين نوشته: 05-09-2013, 06:58 PM
  3. درخواست کد Html
    توسط M-Barati در انجمن رسیدگی به مشکلات انجمن شما ( پرسش و پاسخ )
    پاسخ: 1
    آخرين نوشته: 05-09-2013, 04:00 PM
  4. درست کردن کد html اماده
    توسط local در انجمن رسیدگی به مشکلات انجمن شما ( پرسش و پاسخ )
    پاسخ: 9
    آخرين نوشته: 04-20-2013, 08:41 PM
  5. مشکل با مجوز html
    توسط alireza.pir در انجمن رسیدگی به مشکلات انجمن شما ( پرسش و پاسخ )
    پاسخ: 1
    آخرين نوشته: 04-12-2013, 10:07 PM

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک