دوره مقدماتی آموزش HTML و CSS | قسمت چهارم – تگ های کاربردی HTML

در این جلسه میخواهیم درباره یک سری دیگر از تگ های کاربردی HTML صحبت کنیم.

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

تگ P از تگ های کاربردی HTML

برای ایجاد یک پاراگراف در صفحات وب بایستی از تگ p استفاده کنیم.

تگ p یک تگ بسیار کاربردی می باشد که بیشتر در قسمت محتوای سایت کاربرد چشمگیری دارد.

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

تگ span از تگ های کاربردی HTML

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

این متن می تواند داخل تگ p یا هر تگ دیگری باشد.

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

لیست ها در html

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

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

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

ما سه نوع لیست در html داریم که در ادامه به توضیح آن ها می پردازیم.

۱- لیست های ترتیبی (مرتب)

این نوع لیست ها , لیست هایی هستند که در کنار هر آیتم یک عدد یا شماره درج می کنند.

این لیست ها با تگ ol جمع می شوند یعنی این تگ نشان دهنده این این است که آیتم های درون این تگ باید به صورت ترتیبی باشند.

هر آیتم درون این تگ باید درون تگ li نوشته شود.

۲- لیست های نامرتب

این نوع لیستها در کنار هر آیتم یک نشانه دارند (اکثرا مربع یا دایره میباشد) که البته قابل تغییر یا محو شدن توسط CSS هستند.

این لیستها نیز یک جمع کننده دارد ولی برای این لیست ها از تگ ul استفاده می شود و مانند لیست های مرتب هر آیتم درون تگ li نوشته میشود.

۳- لیستهای تعریفی

این لیست ها معمولا برای تعریف یک کلمه یا اصطلاح استفاده میشوند.

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

در این نوع از لیست ها ، dl جمع کننده است و با این تگ لیست های تعریفی شروع می شوند.

محتوای درون تگ dt برای تیتر چیزی که میخواهید توضیح دهید می باشد و محتوای درون تگ dd نیز برای بدنه یا تعریف بیشتر تیتر میباشد.

جهت آشنایی کامل با انواع لیست ها در HTML به لینک زیر مراجعه کنید :

HTML Lists – w3school

خب این هم از قسمت چهارم آموزش که با تگ های کاربردی HTML به اتمام رساندیم.

امیدواریم این آموزش ها مورد توجه شما کاربران گرامی قرار گرفته باشد.