ᝰ𝗦𝗲𝗴𝗺𝗲𝗻𝘁
336 subscribers
544 photos
161 videos
264 files
2.22K links
───• · · · ⌞⌝ · · ·

💻در این کانال قراره با هم به سفـری هیجان‌انگیـز در دنیای تکنولوژی بپـردازیم!

┋ 𝙲𝚑𝚊𝚗𝚗𝚎𝚕 @segmenttt

┋ 𝙲𝚘𝚗𝚝𝚎𝚗𝚝 @CodHub4


· · · ⌞⌝ · · · •───
Download Telegram
#وب
#آموزش
#html
(مشخصه ها یا صفت ها در Html)

💠 صفت ها در Html توضیحات بیشتری درباره المان ها میدهند.

💢 همه ی المان ها در html میتوانند attribute داشته باشند.
💢 صفت ها(Attributes) همیشه در اول تگ تعریف میشوند.

🌀 href Attribute

💢 تگ <a> یک هایپرلینک را تعریف میکند. صفت href تعیین میکند که لینک تعریف شده در صفحه به کجا هدایت شود:

<a href="https://www.Google.com">Html & Css </a>

❗️ در جلسات اینده در مورد لینک ها توضیحات بیشتری به شما میدهیم.

🌀 Src Attribute

💢 تک <img> برای وارد کردن عکس در صفحه استفاده می شود. تگ Src آدرس عکس را تعیین می کند:

<img src="img_Car.jpg">


🌀 Height and Width Attribute

💢 تگ img باید شامل اتریبیوت های width و height باشد. این صفت ها طول و عرض عکس را تعیین میکنند:

<img src="img_Car.jpg" width="500" height="600">


🌀 Title Attribute

💢 این attribute اطلاعات اضافه ای را در مورد یک المان نشان میدهد. مقدار وارد شده در این اتریبیوت به عنوان یک tooltip در بالای المان نشان داده میشود:

<p title="I'm a tooltip">This is a paragraph.</p>


❗️ نکته 1: همیشه از حروف کوچک برای attribute ها استفاده کنید. البته شما میتوانید هم 🔵از حروف کوچک استفاده کنید هم از حروف بزرگ ولی پیشنهاد ما به شما این است که از حروف کوچک استفاده کنید. مثلا به جای نوشتن TITLE بنویسید title.

❗️ نکته 2: همیشه از دابل کوتیشن استفاده کنید.
🔵 html به شما اجازه میدهد که از دابل کوتیشن استفاده #نکنید. ولی پیشنهاد ما به شما این است که استفاده کنید.
(در آینده خواهید فهمید)
<a href="https://www.google.com">Visit our HTML tutorial</a>

<a href="https://www.google.com">Visit our HTML tutorial</a>




✳️ خلاصه این فصل:

⭕️ همه ی عناصر در Html میتوانند Attribute داشته باشند.
⭕️ صفت href تعیین میکند که لینک تعریف شده به کدام صفحه هدایت شود.
⭕️ صفت Src آدرس عکس را در تگ img تعیین میکند.
⭕️صفت های height و width به ترتیب طول و عرض یک شکل یا عکس را تعیین میکند.
⭕️ صفت title اطلاعات اضافه ای را در مورد تگ تعیین میکند.
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir
#Computer_Words
لغات مربوط به برنامه نویسی
💻Align هم ترازکردن
💻alignment تراز کردن
💻allocation تخصیص
💻alpha channel مجرای آلفا
💻alphabet الفبا
💻alphanumeric الفبا-عددی
💻ALT (کلید) دگرساز
💻alteration تغییر
💻ambiguous مبهم
💻Analog قیاسی
💻analogy قیاس
💻Analysis تحلیل
💻analyzer تحلیل‌کننده
💻ancestor نیا
💻AND و
💻animation پویا نمایی
💻Anonymous بی‌نام
💻answer پاسخ
💻Answer mode حالت پاسخ
💻anti-aliasing حذفِ لبه‌ی ناصاف
💻appearance ظاهر
💻Append پیوستن
💻Applet برنامک
💻Application کاربرد
💻Application Launcher راه انداز کاربرد
💻applied کاربردی
💻approximation تقریب
💻Arc کمان
💻architecture معماری
💻archive بایگانی
💻area ناحیه
💻Argument نشانوند
💻Array آرایه
💻Arrow key کلید جهت
💻Ascending order ترتیبِ صعودی
💻Ascii اسکی
💻aspect ratio ضریبِ نسبت
💻assertion ادعا
💻assignment انتساب
💻association انجمن
💻assumption فرض


——————————————
👁🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁🗨
@segmenttt
🌐 www.segmentt.ir
اتریبیوت title
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir
سورس کد Scope Chat

#HTML , #CSS

<!DOCTYPE html>
<html lang="fa" >
<head>
<meta charset="UTF-8">
<title>chat Scope</title>
<style>
body {
background: #368dda;
margin-top:15%;
margin-left:35%;

}
.scope {
position: relative;
font-family: sans-serif;
font-size: 18px;
line-height: 24px;
width: 300px;
background: #fff;
border-radius: 40px;
padding: 24px;
text-align: center;
color: #000;
}
.scope-bl:before {
content: "";
width: 0px;
height: 0px;
position: absolute;
border-left: 24px solid #fff;
border-right: 12px solid transparent;
border-top: 12px solid #fff;
border-bottom: 20px solid transparent;
left: 32px;
bottom: -24px;
}
</style>
</head>
<body>
<div class="scope scope-bl">
iSource
</div>
</body>
</html>

——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir
#دانستنی
✳️ ۱۰ دلیل برتری لینوکس نسبت به MAC OS و ویندوز
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir
#دانستنی
پر طرفدار ترین CMS ها
#CMS
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir
#وب
#آموزش
#HTML
وقت بخیر 🌸

در این پست ‌و پست های بعدی قصد داریم به مبحث pseudo-class بپردازیم ☘️

در ابتدا بهتره بدونیم که pseudo-class چی هستش ؟

ببینید دوستان شما با استفاده از pseudo-class ها میتوانید ، یک سری حالت های خاص به عنصر خودتون تعریف بکنید ، همچنین میتوانید جلوه هایی رو به اون عنصر خودتون ببخشین ، و البته با استفاده از pseudo-class ها شما حتی قادر به انتخاب کردن هم هستید ☘️

در واقع : pseudo-classها کلمات کلیدی هستند که به انتخابگرها برای تعیین یک حالت خاص از عنصر انتخاب شده ، اضافه می شوند☘️

یک مثال میزنم :

div:hover{
color : blue;
}

دوستان همانطور که مشاهده میکنید ما میتوانیم یک pseudo-class رو برای یک عنصر درنظر بگیریم ، و برای این کار کافیه بعد از سلکتور خودمون یک کاراکتر ( : ) بزاریم و از اون pseudo-class خودمون رو مورد استفاده قرار دهیم ☘️

چند تا نکته در خصوص pseudo-class ها بگم و تمام بکنیم ☘️

🔍 نکته : به pseudo-class ها در فارسی کلاس های کاذب میگن ☘️

🔍 نکته : pseudo-classها عناصر را با توجه به رفتار کاربر ، وضعیت عنصر و غیره بصورت پویا هدف قرار میدهند ☘️

🔍 نکته : دوستان تعداد pseudo-class ها زیاده و من سعی میکنم فقط اون موارد کاربردی و اون مواردی که زیاد استفاده میشوند رو اموزش بدم ☘️

🔍 نکته : سعی میکنم اون دسته از pseudo-class هایی رو اموزش بدم که از لحاظ پشتیبانی مرورگر در وضعیف خوبی هستن ☘️

🔍 نکته : چون این اموزش ، یک اموزشی هست که قراره ، مباحث مهم و بسیار دقیق و جزئی رو برسی بکنه ، دیگه از اون مباحثی که مثلا مرورگر ها ازشون پشتیبانی نمیکنن چشم پوشی میکنیم ، انشالا در اینده در یک جای دیگر حتی همه اون موارد رو هم برسی میکنم ، دیگه نگاه به کاربردی بودن یا نبودنش نمیکنم در اونجا ☘️



👁‍🗨👁‍🗨
#css #css3 #learn_css #Selector #selector_css #pseudo_class

#آموزش #آموزش_css #سلکتور #سلکتورها #سلکتورها_در_سی_اس_اس #کلاس_های_کاذب
👁‍🗨👁‍🗨



شاد و موفق و پیروز باشید 🌸

——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir
#Computer_Words
لغات مربوط به برنامه نویسی


asterisk ستاره (*)
Asynchronous ناهمگام
Attachment پیوست
attack حمله
attacker مهاجم
Attribute خصیصه
Audio صوتی
Authentication احراز هویت
Authorization اجازه
Autofill خودکار پر کردن
automation خودکارسازی
auxiliary کمکی
Availability دسترس‌پذیری
axis محور
Background زمینه
backing پشتیبانی
backing store حافظه‌ی پشتیبان
backslash ممیزِ وارونه
Backspace (کلید) پس‌بر
Backup پشتیبان
backward پس‌ سو
bad block بلوک خراب
Balance توازن
band باند
bandwidth پهنای باند
bar میله
bar code کد میله‌ای
bare برهنه

——————————————
👁🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁🗨
@segmenttt
🌐 www.segmentt.ir
مخفف UI / UX
#UI #UX
User Interface
User Experience
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir
📌#Oracle vs #SQL Server
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir
⭐️License Key:

HXWP-X9UX-SBV5-MEK4-45MP

(10-12-2021)

#nod32
@segmenttt
🌐 www.segmentt.ir
#Computer_Words
لغات مربوط به برنامه نویسی
base پایه
baseline خط کرسی
basic پایه‌ای
batch دسته
battery باتری
beat تپش
Benchmark محک
Betatest آزمون ب
bidirectional دوسویه
bin لاوک
Binary دوگانی
Binding مقیدسازی
Binomial distribution توزیع دو جمله ای
bipolar دوقطبی
Bit بیت
bit rate میزانِ ارسالِ بیت
Bitmap نگاشت بیت
Blank فاصله
Blinking چشمک‌زنی
Blinking cursor مکان نمای چشمک‌زن
block بلوک
block buffer بلوک میان‌گیر
blocking باز داشت
Blog وب نوشت
Blur image تصویر محو
Board تخته (مدار)
body بدنه
Bold توپر


——————————————
👁🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁🗨
@segmenttt
🌐 www.segmentt.ir
مخفف کلمه #MVC
Model
View
Controller
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir
📌 دستور INSERT
#SQL
برای ورود اطلاعات به یک جدول بانک اطلاعاتی استفاده می شود
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir
📌 دستور UPDATE
#SQL
برای به روز کردن اطلاعات یک جدول بانک اطلاعاتی استفاده می شود
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir
#Computer_Words
لغات مربوط به برنامه نویسی


boldface حروفِ سیاه
bookmark چوب- الف
Boolean بولی
booster توان افزا
boot راه اندازی
bottom پایین
Bounce واگشت
bound کران
boundary کرانه
brace آکولاد
bracket کروشه
branch شاخه
branch point نقطه‌ی انشعاب
break شکستن
breakpoint نقطه‌ی انفصال
broadband پهن-باند
browse مرور
Browser مرورگر
bubble حباب
Buffer میان‌گیر
bug اشکال
Build ساختن
Built-in توکار
bulk انبوه
Bullet گلوله
Bulletin Board تابلوی اعلانات
Bus گذرگاه

——————————————
👁🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁🗨
@segmenttt
🌐 www.segmentt.ir
📌 دستور SELECT
#SQL
برای استخراج اطلاعات از یک جدول بانک اطلاعاتی استفاده می شود
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir
📌 دستور DELETE
#SQL
برای حذف اطلاعات از یک جدول بانک اطلاعاتی استفاده می شود
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir
#ترفند
📌 دوستان عزیز گرافیست و طراح امروز با معرفی چندتا از برترین سایت ها در زمینه دانلود عکس در خدمتتون هستیم. استفاده از این سایت ها رایگان است و نیاز به پرداخت اشتراک نیست.

🔗 https://unsplash.com/
🔗 http://deathtothestockphoto.com/
🔗 http://foodiesfeed.com/
🔗 http://picjumbo.com/
🔗 https://magdeleine.co/
🔗 http://getrefe.com/downloads/category/free
🔗 http://picography.co/
🔗 http://nos.twnsnd.co/
🔗 http://jaymantri.com/
🔗 http://StockSnap.io
🔗 http://StockFreeImages.com
🔗 http://FreeImages.co.uk

——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir
اعتبار سنجی وردی فرم
#HTML

<!DOCTYPE html>
<html>
<head>
<script>
function validateForm() {
var name = document.forms["Form"]["name"].value;
if (name == "") {
alert("ورودی خالی است");
return false;
}
}
</script>
</head>
<body>
<form name="Form" onsubmit="return validateForm()" method="post">
Name: <input type="text" name="name">
<input type="submit" value="Submit">
</form>
</body>
</html>
——————————————
👁‍🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁‍🗨
@segmenttt
🌐 www.segmentt.ir
#Computer_Words
لغات مربوط به برنامه نویسی


Busy اشغال
Button دگمه
Byte بایت
cabinet قفسه
cable کابل
Cache نهان گاه
calculation محاسبه
Calculator ماشین‌حساب
Calendar تقویم
calibration درجه‌بندی
Call فراخوانی
callback فراخوانی برگشتی
Cancel لغو
canonical متعارف
canvas صفحه مجازی
capacitor خازن
CapsLock (کلید) قفل تبدیل
Caption عنوان
Capture گیر اندازی
card کارت
cardinality اندازه
carriage نورد
carrier حامل
carry رقمِ نَقلی
cartridge کارتریج
cascade آبشاری
case حالت

——————————————
👁🗨با فروارد کردن پست های چنل از ما حمایت کنید 👁🗨
@segmenttt
🌐 www.segmentt.ir