loading...
ابزار قرمز | مرجع قالب های شیک و ابزار های کاربردی
آخرین ارسال های انجمن
Majid بازدید : 963 1393/01/23 نظرات (3)

شما می توانید به تگ ها ویژگی اضافه کنید.

همانطور که شما احتمالا به یاد دارید ، تگ ها را ساختار یک سند 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 رنگ مختلف برای شما اماده کردیم که شما میتوانید استفاده کنید.

216 رنگ اساسی طراحی سایت

شما همچنین می توانید نام انگلیسی برای رنگ های رایج (red , blue , black , white) استفاده کنید.

مثال 3:

<body style="background-color: red;">

ویژگی های مختلف را می توان در بسیاری از تگ ها استفاده شود.

مثل نمونه بالا که به تگ body ویژگی دادیم و ان را به رنگ قرمز در اوردیم.

دقیقا چه بخش هایی در یک تگ تشکیل شدند؟

در تصویر زیر جواب این سوال را میگیرید.

عنصر

خب اموزش این جلسه هم به پایان رسید امیدواریم چیز های زیادی یاد گرفته باشید منتظر اموزشات بعدی ما باشید.

منبع: ابزار قرمز

ارسال نظر برای این مطلب
این نظر توسط Fiery Evil در تاریخ 1393/03/08 و 0:06 دقیقه ارسال شده است

آقا دانیال دمتون گرم آموزشتون خیلی روونه !
فقط تو این آموزش(شماره 7) مثال اول از کادر زده بیرون !
با تشکر
پاسخ : خواهش , بدلیل فشردگی کد از کادر بیرون میزند.
عیبی نداره کد خانا است.

این نظر توسط kiarash در تاریخ 1393/02/17 و 21:26 دقیقه ارسال شده است

قسمت بعد کی میاد؟
پاسخ : اگه وقت کنم!
اخه استقبال نمیشه ازش!

این نظر توسط ابوالفضل عبادی در تاریخ 1393/01/28 و 21:50 دقیقه ارسال شده است

سلام

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


کد امنیتی رفرش
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • تبلیغات
    iranblogersiranblogers

    ساعت مچی

    |

    صفحات پاپ آپ popup window

    آمار سایت
  • کل مطالب : 116
  • کل نظرات : 217
  • افراد آنلاین : 3
  • تعداد اعضا : 3284
  • آی پی امروز : 151
  • آی پی دیروز : 174
  • بازدید امروز : 1,239
  • باردید دیروز : 979
  • گوگل امروز : 19
  • گوگل دیروز : 5
  • بازدید هفته : 7,490
  • بازدید ماه : 17,320
  • بازدید سال : 109,903
  • بازدید کلی : 816,976