شما می توانید به تگ ها ویژگی اضافه کنید.
همانطور که شما احتمالا به یاد دارید ، تگ ها را ساختار یک سند HTML می گویند (به عنوان مثال، <br />
یک خط). در برخی از تگ ها می توانید اطلاعات بیشتری را اضافه کنید. چنین اطلاعات اضافی را ویژگی ان تگ می نامیم.
مثال 1:
<h2 style="background-color:#ff0000;">My friendship with HTML</h2>
یکی از اولین به ویژگی تگ که به شما خواهیم آموخت بکار بردن سی اس اس در تگ است. با این ویژگی شما می توانید به قالب خود استایل دهید. به عنوان مثال رنگ پس زمینه:
مثال 2:
<html>
<head>
</head>
<body style="background-color:#ff0000;">
</body>
</html>
مثال بالا یک صفحه به طور کامل قرمز در مرورگر نشان می دهد خودتان امتحان کنید و ببینید. ما در ادامه به شما توضیح میدهیم سیستم رنگ چگونه کار می کند.
توجه داشته باشید که ما داریم سی اس اس رو توی اچ تی ام ال به کار میبریم.
در سی اس اس بعد از دستور (:) میگزاریم و در پایان (;) قرار میدهیم.
چگونه صفحه به رنگ قرمز تبدیل شده بود؟
در مثال بالا، ما برای رنگ پس زمینه از کد رنگ "# FF0000" استفاده کردیم. این کد رنگ برای قرمز با استفاده از اعداد به اصطلاح هگزادسیمال (HEX) است. هر رنگ دارای تعداد هگزادسیمال خود را دارد. در اینجا برخی از نمونه ها عبارتند از:
سفید: رنگ # ffffff
سیاه و سفید: # 000000 (صفر)
قرمز: # FF0000
آبی: # 0000ff
سبز: # 00ff00
زرد: # ffff00
کد رنگ هگزادسیمال شامل # و شش رقم یا سه رقم عدد میباشد. بیش از 1000 کدهای HEX وجود دارد و از آن یه آسان میشود استفاده کرد.
برای یادگیری بهتر شما 216 رنگ مختلف برای شما اماده کردیم که شما میتوانید استفاده کنید.
شما همچنین می توانید نام انگلیسی برای رنگ های رایج (red , blue , black , white) استفاده کنید.
مثال 3:
<body style="background-color: red;">
ویژگی های مختلف را می توان در بسیاری از تگ ها استفاده شود.
مثل نمونه بالا که به تگ body ویژگی دادیم و ان را به رنگ قرمز در اوردیم.
دقیقا چه بخش هایی در یک تگ تشکیل شدند؟
در تصویر زیر جواب این سوال را میگیرید.
خب اموزش این جلسه هم به پایان رسید امیدواریم چیز های زیادی یاد گرفته باشید منتظر اموزشات بعدی ما باشید.
منبع: ابزار قرمز