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

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

دسته بندی موضوعات
سفارش تبلیغات

سرتیترها در 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 ها به خوبی آشنا خواهید شد .

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

<<

>>

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



سفارش تبلیغات

گردآوری و تالیف : میترا رحیمی

بنیانگذار و نوسنده در مدرسه مجازی ایرانیان و سردبیر ماهنامه طراحی وب همچنین مدرس و مسلط به برنامه نویسی سمت سرور با PHP MVC و برنامه نویسی سمت کلاینت با html 5 , css3 , jquery , مبانی سئو و سیستم مدیریت محتوای وردپرس

خوراک خوشمزه و علمی روزانه
با وارد کردن ایمیلتون در فیلد روبرو آموزش های جذاب و vip دریافت نمایید

آموزش های مرتبط با این مطلب

دیدگاه های مخاطبین

لطفا تنها دیدگاه خود را در رابطه با این مطلب ارسال نمایید، سوالات را از طریق سامانه پرسش و پاسخ مطرح نمایید. سوالات در دیدگاه ها تایید نخواهد شد.

وبلاگ مدرسه

مختصری درباره ما
مدرسه مجازی ایرانیان در زمینه آموزش علوم و فنون طراحی و برنامه نویسی صفحات وب اعم از آموزش زبان های برنامه نویسی و کدنویسی و همچنین آموزش طراحی گرافیک توسط نرم افزارهای گرافیکی پیکسلی و برداری فعالیت دارد .
ورود به وبلاگ

مدرسین مدرسه

  • حسین همت یار

    حسین همت یار

    مدرس ، طراح رابط کاربری وب و موبایل با 8 سال سابقه ی فعالیت حرفه ای

سوابق کامل

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

آخرین پرسش و پاسخ ها
شما هم سوالی دارید ؟