خانه آموزش برنامه نویسی آموزش اچ‌تی‌ام‌ال HTML Titles + HTML Colors

آموزش اچ‌تی‌ام‌ال HTML Titles + HTML Colors

1 زمان مورد نیاز برای خواندن
۰
0
45

در این بخش از آموزش HTML عنوان و رنگ (HTML Titles + HTML Colors) توضیح داده می شود.

نمونه استفاده از عنوان (Title) در اچ‌تی‌ام‌ال به این صورت می باشد :

<!DOCTYPE html>
<html>
<head>
<title>عنوان صفحه</title>
</head>

<body>
میکرو سورس
</body>
</html>

HTML عنوان و رنگ

توضیحات لازم:

تگ <head> مانند مغز سایت می باشد و فایل های CSS , JS و متاتگ ها و عنوان صفحه و favicon داخل این تگ قرار می گیرد.

توجه داشته باشید که برای افزایش سرعت وب سایت و سئو فایل های Java و JavaScript باید در انتهای سایت (Footer) قرار گیرند.

تگ <title> برای عنوان و نام صفحه می باشد و در موتورهای جست و جو اهمیت زیادی دارند.

نوشته ها در نوت پد ویندوز :

HTML عنوان و رنگ

خروجی:

HTML عنوان و رنگ

نمونه استفاده از رنگ ها (Colors) در اچ‌تی‌ام‌ال به این صورت می باشد :

[quote]

<!DOCTYPE html>
<html>
<body>

<h3 style=”background-color:yellow”>
رنگ بک گراند زرد می باشد
</h3>

<h3 style=”background-color:green”>
رنگ بک گراند سبز می باشد
</h3>

<h3 style=”background-color:blue”>
رنگ بک گراند آبی می باشد
</h3>

<h3 style=”background-color:red”>
رنگ بک گراند قرمزمی باشد
</h3>

</body>
</html>

[/quote]

HTML عنوان و رنگ

توضیحات لازم:

برای استفاده از رنگ ها در HTML از استایل (Style) استفاده می کنیم:

style="background-color:yellow"

در اینجا ما استایل رو درون تگ مورد نظر قرار میدیم (H3 یا P یا … که داخل آنها محتوا باشد)

بعد از style یک مساوی (=) و دو عدد (” “) قرار میدیم و داخلشون تعریف می کنیم که رنگ بک گراند به چه رنگی باشد.

برای مثال در بالا گفتیم که به رنگ زرد باشد. رنگ ها دقیقا به همان نام انگلیسی استفاده میشوند.

نوشته ها در نوت پد ویندوز :

HTML عنوان و رنگ

خروجی:

HTML عنوان و رنگ

مقالات مرتبط بیشتر را بارگیری کنید
بارگزاری مطالب دیگر Ansel
Load More In آموزش برنامه نویسی

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

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

1 × 3 =

همچنین بررسی کنید

چگونه یک اپلیکیشن اندروید با Android Studio بسازیم ؟

در این آموزش اصول اولیه ساختن یک برنامه اندرویدی (اپلیکیشن اندروید) با استفاده از محیط توس…