دوره مقدماتی آموزش HTML و CSS | قسمت چهارم – تگ های کاربردی HTML
- موضوع : HTML
- تاریخ : 1399/09/09
- مجموع پسند شده : 0
- بازدید : 638

در این جلسه میخواهیم درباره یک سری دیگر از تگ های کاربردی HTML صحبت کنیم.
ما در قسمت های قبلی دوره به معرفی تگ ها اصلی HTML و تگ های حیاتی HTML پرداخته ایم و هم اکنون به سراغ تگ های کاربردی HTML می رویم.
تگ P از تگ های کاربردی HTML
برای ایجاد یک پاراگراف در صفحات وب بایستی از تگ p استفاده کنیم.
تگ p یک تگ بسیار کاربردی می باشد که بیشتر در قسمت محتوای سایت کاربرد چشمگیری دارد.
توجه : تگ p را نمی توانید داخل تگ p دیگری استفاده کنید. در اینصورت مرورگر به صورت خودکار تگ ها را از هم جدا کرده و نمایش می دهد.
۱ ۲ | <p> پاراگراف اول </p> <p> پاراگراف دوم </p> |
تگ span از تگ های کاربردی HTML
این تگ معمولا برای متمایز کردن قسمتی از یک متن مورد استفاده می باشد.
این متن می تواند داخل تگ p یا هر تگ دیگری باشد.
منظور این است که تگ span متعلق به یک تگ خاصی نیست و در بیشتر تگ ها می توان از این تگ استفاده کرد.
لیست ها در html
همانطور که می دانید لیست ها در همه جا از اهمیت بسیار بالایی برخوردارند.
در صفحات وب هم از لیست ها استفاده های فراوانی می توان کرد و به همین دلیل ما در قسمت تگ های کاربردی HTML به توضیح این تگ ها پرداخته ایم.
به عنوان مثال در یک صفحه منوهای آبشاری رو با همین لیست ها می توان پیاده سازی کرد.
ما سه نوع لیست در html داریم که در ادامه به توضیح آن ها می پردازیم.
۱- لیست های ترتیبی (مرتب)
این نوع لیست ها , لیست هایی هستند که در کنار هر آیتم یک عدد یا شماره درج می کنند.
این لیست ها با تگ ol جمع می شوند یعنی این تگ نشان دهنده این این است که آیتم های درون این تگ باید به صورت ترتیبی باشند.
هر آیتم درون این تگ باید درون تگ li نوشته شود.
۱ ۲ ۳ ۴ ۵ ۶ | <ol> <li> آیتم اول </li> <li> آیتم دوم </li> <li> آیتم سوم </li> <li> آیتم چهارم </li> </ol> |
۲- لیست های نامرتب
این نوع لیستها در کنار هر آیتم یک نشانه دارند (اکثرا مربع یا دایره میباشد) که البته قابل تغییر یا محو شدن توسط CSS هستند.
این لیستها نیز یک جمع کننده دارد ولی برای این لیست ها از تگ ul استفاده می شود و مانند لیست های مرتب هر آیتم درون تگ li نوشته میشود.
۱ ۲ ۳ ۴ ۵ ۶ | <ul> <li> آیتم اول </li> <li> آیتم دوم </li> <li> آیتم سوم </li> <li> آیتم چهارم </li> </ul> |
۳- لیستهای تعریفی
این لیست ها معمولا برای تعریف یک کلمه یا اصطلاح استفاده میشوند.
این لیست ها نیز مانند دو لیست دیگر یک جمع کننده دارند که مختص به آنها است .
در این نوع از لیست ها ، dl جمع کننده است و با این تگ لیست های تعریفی شروع می شوند.
۱ ۲ ۳ ۴ | <dl> <dt> وب استند </dt> <dd> وب استند یک وبسایت برای اموزش برنامه نویسی و طراحی سایت میباشد </dd> </dl> |
محتوای درون تگ dt برای تیتر چیزی که میخواهید توضیح دهید می باشد و محتوای درون تگ dd نیز برای بدنه یا تعریف بیشتر تیتر میباشد.
جهت آشنایی کامل با انواع لیست ها در HTML به لینک زیر مراجعه کنید :
خب این هم از قسمت چهارم آموزش که با تگ های کاربردی HTML به اتمام رساندیم.
امیدواریم این آموزش ها مورد توجه شما کاربران گرامی قرار گرفته باشد.
آیا این مقاله برای شما مفید بود ؟
نظر شما کاربر محترم در مورد این مقاله برای ما بسیار اهمیت دارد و ما را در ارائه مقالات مفید دیگر کمک خواهد کرد.
عضویت در خبرنامه
جهت دریافت جدیدترین مطالب در ایمیل خود ، در خبرنامه وب استند عضو شوید.
خیالتان راحت هیچگونه ایمیل تبلیغاتی ارسال نخواهد شد!