ورود یا ثبت‌نام
وبمستران طلایی

جلسه هفتم: معرفی تگ های کاربردی HTML – قسمت دوم

معرفی تگ های کاربردی html قسمت دوم

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

آنچه در این مطلب می‌خوانید:

تگ <a> :

بعد از تگ div ، یکی از کاربردی ترین تگ های html تگ a یا همان لینک است. با استفاده از این تگ می توانیم در سایتمان لینک ایجاد کنیم ، منوی های لینک دار ، تصاویر لینک دار ، دکمه های دانلود و… همه از تگ a استفاده می کنند.

نکته : تگ لینک یا همان a ، یک تگ inline است. یعنی اگر چند تگ a را زیر همدیگر بنویسیم ، آنها را در کنار هم نمایش می دهد.

نکته : تگ لینگ یک تگ بسته است.

حالت کلی تگ a در تصویر زیر آمده است که پیشنهاد میکنم آن را به ذهن بسپارید :

تگ a

نکته : دو اتربیوت target و rel را می توانید ننویسید. بستگی به خودتان دارد. به صورت پیشفرض لینک در همان پنجره ای که هستیم باز میشود و گوگل هم لینک را دنبال میکند. با این اتربیوت ها می توانیم حالت های پیشفرض را تغییر بدهیم.

 

تگ <ul>

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

<ul>

<li/>شماره یک<li>

<li/>شماره دو<li>

<li/>شماره سه<li>

</ul>

تگ ul

تگ <ol>

برای ساخت لیست شمارشی از این تگ استفاده می کنیم.

<ol>

<li/>شماره یک<li>

<li/>شماره دو<li>

<li/>شماره سه<li>

<ol/>

تگ ol

تگ <span> :

گاهی اوقات می خواهیم در یک متن یک یا چند کلمه را از بقیه متمایز کنیم. برای این منظور از تگ span استفاده می کنیم.

نکته : این تگ یک تگ اینلاین است.

نکته : این تگ به خودی خود هیچ تغییری ایجاد نمی کند بلکه با استایل دادن به span می توانیم تغییراتی را که دوست داریم اعمال کنیم.

تگ span

خب برای این جلسه تا همین جا کافی است. در جلسات بعدی به خاصیت های مهم و کاربری css می پردازیم و آنها را با هم یاد میگیریم. فعلا!

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.

پیشنهادات آموزشی ما

همه پکیج های آموزشی
7 نظر ارسال شده. شخص بعدی شما باشید.

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

  1. ygh ۲۰ مرداد ۱۳۹۷

    سلام ممنون از اموزش خوبتون
    میخواستم بدونم که این تگ ها رو باید توی تگهای دیگه مثل تگ body بنویسم یا نه؟

    پاسخ دادن
    • رضا حسینی راد ۲۰ مرداد ۱۳۹۷

      سلام متشکرم بله باید داخل body باشد

      پاسخ دادن
  2. Hosein Soltan ۰۳ تیر ۱۳۹۷

    سلام وقتتون بخیر من میخوام قبل از خرید نهایی پکیجهای اموزشی انلاین ابتدا روش اموزش دادن و ببینم چطور امکانش هست؟؟؟

    پاسخ دادن
    • محمد مقدم ۰۳ تیر ۱۳۹۷

      سلام
      متاسفانه امکانش نیست. با اطمینان خرید کنید!

      پاسخ دادن
  3. محمد ملکی ۲۵ خرداد ۱۳۹۷
  4. بهنام ۰۶ خرداد ۱۳۹۷

    ممنون از آموزشتون… کاملاً ساده و کاربردی و با مثال
    ممنون

    پاسخ دادن