31دنبال کننده
آموزش backend and frontend
تاسیس شنبه ۱۱ آذر
کانال تلگرام : https://t.me/mhtmlcss
مشاهده کانال پیام‌رسان
دانلود روبیکا
۱۳ آذر
Web
Web
آموزش اضافه کردن ایموجی به سایت در html
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA
۱۳ آذر
Web
Web
آموزش اضافه کردن فونت به فایل html
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA
۱۴ آذر
Web
Web
آموزش اضافه کردن عکس به فایل html
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA
۱۴ آذر
Web
Web
exclamation️نکات اضافه کردن عکس به فایل html :
1- عکس حتما باید در پوشه html تان باشد که فقط با نوشتن اسم آن بعلاوه پسوند آن ، فایل html بتواند عکس را بارگذاری کند .
2- (width):
به معنای عرض میباشد.
3-(height):
به معنای ارتفاع میباشد.
--------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA
۱۴ آذر
Web
Web
آموزش اضافه کردن ویدیو به فایل html
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA
۱۴ آذر
Web
Web
exclamation️نکات اضافه کردن ویدیو به فایل html :
1- ویدیو حتما باید در پوشه html تان باشد که فقط با نوشتن اسم آن بعلاوه پسوند آن ، فایل html بتواند ویدیو را بارگذاری کند.
2-حتما کد controls را استفاده کنید زیرا در صورت استفاده نکردن از این کد این ویدیو برای شما اجرا نمیشود.
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA
۱۵ آذر
Web
Web
کاربرد border-radius در css :
گرد کردن اجزا در css
---------------------------------------------------------
https://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA
۱۵ آذر
Web
Web
کاربرد background-color در css :
رنگ کردن پس زمینه اجزا در css
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA
۱۶ آذر
Web
Web
اموزش کد های b , i و del
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA
۱۶ آذر
Web
Web
inear-gradient in css
دو رنگه کردن background
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA
۱۷ آذر
Web
Web
Comment in html
<!-- comment -->
اگر میخواهید چیزی در ویرایشگر متنتان بنویسید که در سایتتان نمایش داده نشود میتوانید از کامنت در html استفاده کنید.
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA
۱۷ آذر
Web
Web
برای مثال:
<!-- 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
Web
در این سایت فقط متن داخل p نمایش داده میشود.

---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA
۱۸ آذر
Web
Web
کاربرد تگ hr :خط کشیدن.

مثال برای تگ 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
Web
Please open Rubika to view this post
VIEW IN RUBIKA
۱۸ آذر
Web
Web
کاربرد تگ br :قطع کردن خط و آوردن متن به خط بعد.

مثال برای تگ br:


<p>hello<br>its paragraf</p>

خروجی کد بالا به شکل زیر خواهد بودpoint_down
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA
۱۸ آذر
Web
Web
Please open Rubika to view this post
VIEW IN RUBIKA
۱۹ آذر
Web
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
Please open Rubika to view this post
VIEW IN RUBIKA
۲۱ آذر
Web
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
Please open Rubika to view this post
VIEW IN RUBIKA
۲۲ آذر
Web
Web
کاربرد تگ s در html :
روی متنی که داخل s قرار داشته باشد خط کشیده میشود.
برای مثال :
<s>روی این متن خط کشیده می شود</s>
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA
۲۲ آذر
Web
Web
کاربرد تگ u در html :
زیر متنی که داخل u قرار داشته باشد خط کشیده میشود.
برای مثال :
<u>.زیر این متن خط کشید میشود </u>
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA
۲۲ آذر
Web
Web
نکته u همان underline به زبان انگلیسی است که به معنی خط زیرین میباشد.
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA
۲۳ آذر
Web
Web
margin و padding:
margin:
فاصله ی کاراکتر ها با هم.
padding:
اضافه کردن منطقه برای کاراکتر ها.
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA
۲۵ آذر
Web
Web
تگ small :
کوچک تر از حد معمول پاراگراف را نشان می دهد.
تگ big :
بزرگ تر از حد معمول پاراگراف را نشان می دهد.
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA
۳ دی
Web
Web
تگ strong:
همانند تگ b میباشد و متن را برجسته میکند.


<strong>its strong paragraph</strong>
---------------------------------------------------------
computerhttps://rubika.ir/mhtmlcss
Please open Rubika to view this post
VIEW IN RUBIKA
31دنبال کننده
آموزش backend and frontend
تاسیس شنبه ۱۱ آذر
کانال تلگرام : https://t.me/mhtmlcss
مشاهده کانال پیام‌رسان