۱۳ آذر
Web
آموزش اضافه کردن ایموجی به سایت در html
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۱۳ آذر
Web
آموزش اضافه کردن فونت به فایل html
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۱۴ آذر
Web
آموزش اضافه کردن عکس به فایل html
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۱۴ آذر
Web
exclamation️نکات اضافه کردن عکس به فایل html :
1- عکس حتما باید در پوشه html تان باشد که فقط با نوشتن اسم آن بعلاوه پسوند آن ، فایل html بتواند عکس را بارگذاری کند .
2- (width):
به معنای عرض میباشد.
3-(height):
به معنای ارتفاع میباشد.
--------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
1- عکس حتما باید در پوشه html تان باشد که فقط با نوشتن اسم آن بعلاوه پسوند آن ، فایل html بتواند عکس را بارگذاری کند .
2- (width):
به معنای عرض میباشد.
3-(height):
به معنای ارتفاع میباشد.
--------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۱۴ آذر
Web
آموزش اضافه کردن ویدیو به فایل html
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۱۴ آذر
Web
exclamation️نکات اضافه کردن ویدیو به فایل html :
1- ویدیو حتما باید در پوشه html تان باشد که فقط با نوشتن اسم آن بعلاوه پسوند آن ، فایل html بتواند ویدیو را بارگذاری کند.
2-حتما کد controls را استفاده کنید زیرا در صورت استفاده نکردن از این کد این ویدیو برای شما اجرا نمیشود.
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
1- ویدیو حتما باید در پوشه html تان باشد که فقط با نوشتن اسم آن بعلاوه پسوند آن ، فایل html بتواند ویدیو را بارگذاری کند.
2-حتما کد controls را استفاده کنید زیرا در صورت استفاده نکردن از این کد این ویدیو برای شما اجرا نمیشود.
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۱۵ آذر
Web
کاربرد border-radius در css :
گرد کردن اجزا در css
---------------------------------------------------------
https://rubika.ir/mhtmlcss
گرد کردن اجزا در css
---------------------------------------------------------
https://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۱۵ آذر
Web
کاربرد background-color در css :
رنگ کردن پس زمینه اجزا در css
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
رنگ کردن پس زمینه اجزا در css
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۱۶ آذر
Web
اموزش کد های b , i و del
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۱۶ آذر
Web
inear-gradient in css
دو رنگه کردن background
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
دو رنگه کردن background
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۱۷ آذر
Web
Comment in html
<!-- comment -->
اگر میخواهید چیزی در ویرایشگر متنتان بنویسید که در سایتتان نمایش داده نشود میتوانید از کامنت در html استفاده کنید.
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
<!-- comment -->
اگر میخواهید چیزی در ویرایشگر متنتان بنویسید که در سایتتان نمایش داده نشود میتوانید از کامنت در html استفاده کنید.
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۱۷ آذر
Web
برای مثال:
<!-- This is a comment -->
<p>This is a paragraph.</p>
<!-- Remember to add more information here -->
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
<!-- This is a comment -->
<p>This is a paragraph.</p>
<!-- Remember to add more information here -->
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۱۷ آذر
Web
در این سایت فقط متن داخل p نمایش داده میشود.
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۱۸ آذر
Web
کاربرد تگ hr :خط کشیدن.
مثال برای تگ hr:
<p>hello</p>
<hr>
<p>it a paragraf</p>
خروجی کد بالا به شکل زیر خواهد بودpoint_down
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
مثال برای تگ hr:
<p>hello</p>
<hr>
<p>it a paragraf</p>
خروجی کد بالا به شکل زیر خواهد بودpoint_down
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۱۸ آذر
۱۸ آذر
Web
کاربرد تگ br :قطع کردن خط و آوردن متن به خط بعد.
مثال برای تگ br:
<p>hello<br>its paragraf</p>
خروجی کد بالا به شکل زیر خواهد بودpoint_down
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
مثال برای تگ br:
<p>hello<br>its paragraf</p>
خروجی کد بالا به شکل زیر خواهد بودpoint_down
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۱۸ آذر
۱۹ آذر
Web
body{
background-image:url(m.jpg);
background-attachment:fixed;
background-size:cover;
background-repeat:no-repeat;
}
exclamation️نکات:
1-به جای m اسم عکس خود و به جای jpg پسوند عکس خود را بنویسید.
2-عکس شما حتما باید در پوشه html css تان باشد تا این روش جواب دهد.
background-repeat:
no-repeat;
از تکرار شدن عکس جلوگیری میکند.
background-size:cover;
باعث میشود که بک گراند به طور کامل روی صفحه شما قرار گیرد.
دومین راه:
body {
background:url("img_tree.gif") no-repeat fixed center;
}
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
background-image:url(m.jpg);
background-attachment:fixed;
background-size:cover;
background-repeat:no-repeat;
}
exclamation️نکات:
1-به جای m اسم عکس خود و به جای jpg پسوند عکس خود را بنویسید.
2-عکس شما حتما باید در پوشه html css تان باشد تا این روش جواب دهد.
background-repeat:
no-repeat;
از تکرار شدن عکس جلوگیری میکند.
background-size:cover;
باعث میشود که بک گراند به طور کامل روی صفحه شما قرار گیرد.
دومین راه:
body {
background:url("img_tree.gif") no-repeat fixed center;
}
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۲۱ آذر
Web
لینک کردن html به css خارجی.
نکات لینک کردن html به فایل css:
1-در href اسم فایل css تان را بگذارید.
2-فایل css حتما باید در فایلی باشد که html در آن قرار گرفته است.
3-به جای styles اسم css خودتان را بنویسید.
<head>
<link rel="stylesheet" href="styles.css">
</head>
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
نکات لینک کردن html به فایل css:
1-در href اسم فایل css تان را بگذارید.
2-فایل css حتما باید در فایلی باشد که html در آن قرار گرفته است.
3-به جای styles اسم css خودتان را بنویسید.
<head>
<link rel="stylesheet" href="styles.css">
</head>
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۲۲ آذر
Web
کاربرد تگ s در html :
روی متنی که داخل s قرار داشته باشد خط کشیده میشود.
برای مثال :
<s>روی این متن خط کشیده می شود</s>
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
روی متنی که داخل s قرار داشته باشد خط کشیده میشود.
برای مثال :
<s>روی این متن خط کشیده می شود</s>
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۲۲ آذر
Web
کاربرد تگ u در html :
زیر متنی که داخل u قرار داشته باشد خط کشیده میشود.
برای مثال :
<u>.زیر این متن خط کشید میشود </u>
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
زیر متنی که داخل u قرار داشته باشد خط کشیده میشود.
برای مثال :
<u>.زیر این متن خط کشید میشود </u>
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۲۲ آذر
Web
نکته u همان underline به زبان انگلیسی است که به معنی خط زیرین میباشد.
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۲۳ آذر
Web
margin و padding:
margin:
فاصله ی کاراکتر ها با هم.
padding:
اضافه کردن منطقه برای کاراکتر ها.
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
margin:
فاصله ی کاراکتر ها با هم.
padding:
اضافه کردن منطقه برای کاراکتر ها.
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۲۵ آذر
Web
تگ small :
کوچک تر از حد معمول پاراگراف را نشان می دهد.
تگ big :
بزرگ تر از حد معمول پاراگراف را نشان می دهد.
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
کوچک تر از حد معمول پاراگراف را نشان می دهد.
تگ big :
بزرگ تر از حد معمول پاراگراف را نشان می دهد.
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA۳ دی
Web
تگ strong:
همانند تگ b میباشد و متن را برجسته میکند.
<strong>its strong paragraph</strong>
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
همانند تگ b میباشد و متن را برجسته میکند.
<strong>its strong paragraph</strong>
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA31دنبال کننده