آموزش طراحی وب

سرتیترها در HTML

در این آموزش راجه به سرتیترها در HTML صحبت می کنیم .

heading ها در html

فصل سوم ( معرفی ساختار  HTML4 )

جلسه سوم ( سرتیترها در HTML  )

سلام خدمت همراهان عزیز مدرسه مجازی ایرانیان

این جلسه میخوایم راجع به سرتیترها در HTML صحبت کنیم و با بیان مثال سرتیترهارو به شما علاقه مندان به HTML ، آموزش بدیم .

در HTML برای تیترها و عناوین متون از عناصر Hn استفاده می کنیم. حالا عناصر Hn چه چیزایی هستن ؟ منظور از n یک سری عدد هست که از ۱ تا ۶ استفاده میشه . این اعداد سطوح Heading ها رو در HTML مشخص میکنه ،  در عناصر H1 تا H6 هرچه عدد n کمتر باشه اون عنصر از اهمیت بیشتری برای موتورهای جستجوگر برخورداره . مثلا برای عنوان سایت از H1 استفاده می کنیم ، برای سرتیترها و عنوان متون از  H2 استفاده می کنیم و به همین ترتیب برای موارد مختلف با توجه به اهمیت اون ها میتونیم از H3 , H4 , H5 و  H6 استفاده کنیم .

در HTML4 ما فقط میتونیم از یک  H1 در صفحه استفاده کنیم اما در HTML5 با استفاده از یک سری عناصر جدید به راحتی میتونیم از چندین H1 استفاده کنیم که این قابلیت خیلی به سئوی سایت کمک میکنه.

تمامی تگ های hn دارای صفات زیر هستند :

align  class  id  style  title  dir  lang

 align: این صفت نحوه چینش متن داخل heading را کنترل میکند، و چهار مقدار زیر را می پذیرد :

  • left: تیتر در سمت چپ صفحه قرار میگیرد.
  • center: تیتر در وسط صفحه قرار میگیرد.
  • right: تیتر در سمت راست صفحه قرار میگیرد.
  • justify: متن داخل heading را از هر دو طرف تراز میکند.

Class : با استفاده از این صفت شما میتونید یک کلاس برای عنصر انتخاب کنید و به آن استایل بدید .

Id : با استفاده از صفت id شما می تونید یک آی دی برای عنصر در نظر بگیرید و به عنصر مورد نظر استایل بدید .

Style : با استفاده از این صفت میتونید بصورت inline به عنصر مورد نظر استایل بدید .

Title : با تعیین یک عنوان برای عنصر hn میتونید به سئوی بهتر این عنصر کمک کنید . زمانی که این صفت رو استفاده کنید ، با بردن موس به روی عنصر ، اون title مشخص میشه .

Dir : برای تعیین Direction عنصر hn ، از این صفت استفاده می کنیم که دارای دو مقدار rtl  و  ltr هست.

  • Rtl : راست به چپ
  • Ltr : چپ به راست

Lang : برای تعیین زبان عنصر استفاده می کنیم ، به عنوان مثال زبان فارسی lang = “fa”

از عناصر hn بصورت زیر استفاده می کنیم :

 که نتیجه به شکل زیر خواهد بود :

hnالبته شما میتونید برای هر عنصر استایل دلخواهه خودتون رو پیاده کنید.

در جلسه ی بعد با پاراگراف ها در HTML آشنا خواهید شد .

در جلسات آینده در پروژه ی عملی با نحوه ی استفاده از Hn ها به خوبی آشنا خواهید شد .

تهیه شده در مدرسه مجازی ایرانیان

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

۱ دیدگاه

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین