close
تبلیغات در اینترنت
قسمت هفتم اموزش اچ تی ام ال
خرید و فروش فایلپروژه رباتیک و الکترونیک
[Post_Title]
[Post_Title]
تاریخ: [Post_Date]
نویسنده: [Post_Author]
redtools.ir
تبلیغات
خرید هاستتبلیغات شما
قسمت هفتم اموزش اچ تی ام ال
قسمت هفتم اموزش اچ تی ام ال
تاریخ: 23 / 01 / 1393
نویسنده: Majid

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

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

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

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

عنصر

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

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


نمایش نظرات
آیا وقت آن نرسیده است که قالب اختصاصی برای خود داشته باشید؟!
ابزار قرمز با سابقه عالی و طراحی های مد پسند بهترین انتخاب برای شما میباشد.
با کیفیت ترین قالب با مناسبترین قیمت , قالب هایی سئو شده و طراحی های نو
همینک قالب اختصاصی خود را سفارش دهید

تــ ــالــ ــار گــفـ ـتــ ـگـ ـو

تعداد پاسخ: 0
تعداد بازدید: 3
توسط: xavi5
تعداد پاسخ: 0
تعداد بازدید: 3
توسط: hostcode
تعداد پاسخ: 0
تعداد بازدید: 2
توسط: hostcode
تعداد پاسخ: 0
تعداد بازدید: 3
توسط: ladan
تعداد پاسخ: 0
تعداد بازدید: 2
توسط: ladan
تعداد پاسخ: 0
تعداد بازدید: 3
توسط: hostcode
تعداد پاسخ: 0
تعداد بازدید: 4
توسط: hostcode
تعداد پاسخ: 0
تعداد بازدید: 4
توسط: hostcode
تعداد پاسخ: 0
تعداد بازدید: 6
توسط: lemon
تـــمـــامـــی حـــقــــوق مــــحـــفــوظ مــیــبــاشــد !
طــراحــی شــده تــوسـط: مجید امانی
اجــرا شــده تـوسـط: وبـســایــت ابــزار قــرمـز