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

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

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

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

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

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

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

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

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

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

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

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

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

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

لیست ها در html

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

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

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

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

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

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

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

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

webstand HTML Css Course OL Tag

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

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

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

webstand HTML Css Course UL Tag

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

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

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

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

webstand HTML Css Course DL DT Tag

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

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

HTML Lists – w3school

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

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

کلمات کلیدی

مهدی امیرخیزی

مهدی امیرخیزی

سلام من مهدی امیرخیزی ام حدود یه ساله که برنامه نویسی وب میکنم عاشق جاوااسکریپتم و علاقه مند به زبان پایتون

دیدگاه ها خود را با ما در میان بگذارید!

مشخصات شما از نظر ما محرمانه تلقی شده و در اختیار هیچ کس قرار داده نخواهد شد.

توصیه ما به شما