html

آموزش تگ h1

آموزش تگ h1
این تگ برای تیتر گذاشتن استفاده میشه و مخفف heading1 هست ، یکی از خاصیت های این تگ اینه که قبل و بعد از خودش از کاراکتر اینتر استفاده میکنه و باعث میشه که قبل و بعدش در همون سطر نتونیم چیزی بنویسیم ، همچنین نوشته رو هم درشت تر مینویسه این تگ به شش شکل نوشته میشه از h1 تا h6 ، فقط تفاوتشون با هم اینه که h1 نوشته رو خیلی بزرگ مینویسه و به ترتیب تا h6 نوشته ها کوچکتر نوشته میشه و روش استفاده از این تگ ها به شکل زیر است :

<h1> سایت </h1>
 
 
<h1>
سایت فناوری نوین
 
</h1>

هر دو روش بالا برای نوشتن تگ صحیح میباشد.

برای تگ بالا میتوان از خصوصیات title ، style ، id استفاده کرد

خصوصیت id میتواند به این تگ یک نام منحصر به فرد بدهیم تا در صورت لزوم بتوانیم به این تگ دسترسی داشته باشیم و یا آن را از طریق برنامه تغییر دهیم ، مثلا اگر دکمه ای را درون سایت خود قرار دهیم و قرار است کاربر با کلیک روی این دکمه شاهد تغییراتی در این تگ باشد میبایست برای آن دکمه برنامه ای بنویسیم که این تگ را تغییر دهد ، از این رو روش شناسایی این تگ در برنامه از طریق Id آن میباشد.

خصوصیت title برای قرار دادن توضیحاتی برای این تگ است که کاربر با نگه داشتن موس خود روی خروجی این تگ ، آن نوشته را برای لحظاتی مشاهده کند.

خصوصیت style برای استفاده از کدهای زبان css در این تگ استفاده میشود که زبان css هم برای تغییرات ظاهری در کدهای html استفاده میشود ، به زودی زبان css هم در سایت آموزش داده خواهد شد.

به کد زیر توجه کنید :

<h1 id="mohammad" title="آموزش" style="color:red">
 
تست خاصیتهای تگ h1 
 
</h1>

خروجی کد بالا به شکل زیر است ، موس خود را روی نوشته خروجی نگه دارید تا کلمه “آموزش” نمایان شود.

تست خاصیتهای تگ h1

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

برچسب ها

یک نظر

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

بستن