آموزش html & csss (پیشرفته)
- محسن حسن آبادی
- 1400-12-04
- 4 اسفند 1400
سلام!به آموزش html & csss (پیشرفته) خوش آمدید
آموزش html & csss (پیشرفته)، بخش دوم آموزش html & css (مقدماتی) میباشد. این آموزش ها پشت سر هم هستن و بسیار با ارزش هستند که ما به صورت رایگان در اختیار شما قرار دادیم.
مدرس این دوره : محسن حسن آبادی
استفاده از تگ a برای برقراری تماس:
امروزه اکثر کاربران برای سرچ های خود از گوشی های همراه استفاده میکنند برای اینکه، کاربران بتوانند به راحتی با کلیک روی شماره های تماس سایت با شما ارتباط برقرار کنند کافیست تمام شماره تلفن ها را در تگ a و مقدار href را schema:tell قرار دهید.
برای مثال میتوان به شکل زیر از این قابلیت استفاده کرد…👇
تنها کافیه بجای اون اعداد111111111 شماره ی تلفن خودتون رو وارد کنید.
نکته:همیشه شماره تلفن را با استفاده از فرمت شماره گیری بین المللی وارد کنید.
علامت پلاس (+) ، کد کشور ، و شماره.
استفاده از تگ a برای ارسال sms:
با درج این کد هر کسی که با موبایل روی لینک mesage کلیک کند به صورت اتوماتیک و درج شماره تماس گیرنده وارد New Massge گوشی می شود و به راحتی بدون تایپ دستی شماره موبایل میتوانید sms ارسال کنید.
برای مثال میتوان به شکل زیر از این قابلیت استفاده کرد…👇
تنها کافیه بجای اعداد داخل صفت href شماره تلفن خودتون رو وارد کنید.
استفاده از تگ a برای ارسال ایمیل:
برای ایجاد این قابلیت تنها کافیه در صفت href از کلمه ی mailto: email استفاده کنید دقیقا به شکل زیر 👇
همچنین شما می توانید یک موضوع و یک بدنه ایمیل بطور پیش فرض، همراه با آدرس ایمیل تان را مشخص کنید. در مثال زیر از یک موضوع و بدنه پیش فرض استفاده کرده ایم.
بریم سراغ یادگیری جداول
برای ساخت یک جدول ما به چهار تا تگ ضروری به همراه 3 تا تگ دیگه نیاز داریم …………………………………………….👇
table
tr
th
td
thead
tbody
tfoot
خب بریم سراغ توضیحات تگ های گفته شده.
<table>
این تگ در واقع بدنه ی اصلی جدول ما محسوب میشه و ابتدا و انتهای جدول رو مشخص میکنه.
<tr>
از این تگ برای ایجاد ردیف استفاده میشه هر جدول باید حداقل یک ردیف داشته باشه ردیف ها به صورت افقی ایجاد میشن.
<th&td>
از این دو تگ برای ایجاد سلول ها داخل هر ردیف استفاده میشه از تگ th برای ایجاد عناوین و از تگ td برای ایجاد داده ها و اطلاعات ساده استفاده میشه.
این چهار تگ ساختار کلی یک جدول بود.
مثال …………………………………………👇
name
last name
mohsen
hsnbdi
danial
nabi
<thead>
تگ thead تگی است که در درون تگ Table مورد استفاده قرار میگیرد و با استفاده از آن میتوان یک هدر یا سربرگ ثابتی را برای جدول مان ایجاد و تعریف نماییم.
اینکه میگم ثابت یعنی اینکه شما یکبار هدرتون رو تعریف میکنید و این هدر بصورت ثابت در قسمت بالایی جدول قرار میگیرد ، و در ادامه اگه خواستید هدر رو ویرایش کنید خیلی راحت میتونید اینکارو انجام بدید.
علاوه بر تگ Thead ما ۲ تگ دیگه به نام های Tbody و Tfoot هم داریم، که تگ Tbody برای ایجاد بدنه اصلی جدول (بصورت ثابت) می باشد و تگ Tfoot نیز برای تعریف قسمت پایینی جدول (فوتر) می باشد.
از این سه تگ برای نمونه مثل مثال زیر میتوان استفاده کرد:
name
email
age
varaweb
varaweb@gmail.com
1
mohsen
example@gmail.com
20
نکته ای که باید رعایت بکنید این هست که این سه تگ رو در مکان های مناسب خود یعنی بر اساس تعریفی که کردیم یکی رو برای هدر و یکی رو برای بدنه و یکی رو برای فوتر مورد استفاده قرار بدید.
صفت های تگ table ………………………👇
border
یک خط به اطراف جدول اعمال میکند و عددی که میگیرد میزان ضخامت خط میباشد.
dir
جهت گیری متون داخل جدول را مشخص میکند و دو تا مقدار میگیرد.
ltr – چپ به راست
rtl – راست به چپ
bordercolor
رنگ خط اطراف جدول را مشخص میکند. مثال : red
align
محل قرار گیری جدول را مشخص میکند و مقادیر این صفت قبلا توضیح داده شده است.
width
عرض جدول را بر حسب پیکسل یا درصد مشخص میکند.
height
ارتفاع جدول را برحسب پیکسل یا درصد مشخص میکند.
bgcolor
رنگی را برای پس زمینه ی جدول میگیرد.
background
ادرس عکسی را میپذیرد و ان را در پس زمینه ی جدول نشان میدهد.
frame
مشخص میکند که کدام یک از خط های اطراف جدول نمایش داده شود مقادیری که میگیره…………………….👇.
void
هیچکدام از خط ها نشان داده نشن.
hsides
فقط خط های افقی نمایش داده بشن.
vsides
فقط خط های عمودی نمایش داده بشن.
rhs
فقط خط راست نمایش داده بشه.
lhs
فقط خط چپ نمایش داده بشه.
above
فقط خط بالا نمایش داده بشه.
below
فقط خط پایین نمایش داده بشه.
border
حالت پیش فرض تمام خط ها نشان داده میشه.
rules
این صفت مشخص میکند کدام یک از خط های سلول های داخل جدول نمایش داده بشن مقادیری که میگیره……👇
none
هیچ کدام از خط های داخلی نمایش داده نشن.
all
همه ی خط های داخلی نمایش داده بشن.
groups
فقط حاشیه های گروهی از ردیف ها و یا ستون ها نمایش داده بشه.
cols
فقط خط ستون ها نمایش داده بشه.
rows
فقط خط ردیف ها نمایش داده بشه.
cellpadding
این صفت عددی صحیح میگیرد بر حسب پیکسل و فضای محتویات سلول ها با دیواره رو کنترل میکند.
cellspacing
عددی صحیح بر حسب پیکسل میگیرد و فضای بین سلول هارو کنترل میکند.
نکته
حتما نیاز نیست که تمام صفت هارو حفظ کنید فقط صفت های مهم رو حفظ کنید مابقی صفت ها زیاد کاربردی نیستن و در css خیلی از این صفت هارو به شکلی دیگر یاد خواهید گرفت
پس فقط صفت های مهم رو یاد بگیرید.
محسن حسن آبادی وبسایت
سلام ، من محسن حسن آبادی هستم ، از سال ۹۵ طراحی سایت رو شروع کردم و قصد دارم تجربیاتم رو باهاتون به اشتراک بزارم
مطالب مشابه
ورود
×
کد تایید
لطفاً کد تأیید ارسال شده را تایپ کنید
ثبت
- (+93) افغانستان
- (+355) آلبانى
- (+213) الجزيره
- (+1) آمریکن ساموا
- (+376) آندورا
- (+244) آنگولا
- (+1) آنگویلا
- (+1) Antigua
- (+54) آرژانتين
- (+374) ارمنستان
- (+297) آروبا
- (+61) استرالیا
- (+43) اتریش
- (+994) آذربایجان
- (+973) بحرين
- (+880) بنگلادش
- (+1) باربادوس
- (+375) بلاروس
- (+32) بلژيك
- (+501) بلیز
- (+229) بنین
- (+1) برمودا
- (+975) بوتان
- (+591) بوليوي
- (+599) Bonaire, Sint Eustatius and Saba
- (+387) بوسني و هرزگوين
- (+267) بوتسوانا
- (+55) برزيل
- (+246) محدوده اقیانوس هند تحت سیطره بریتانیا
- (+1) British Virgin Islands
- (+673) برونئی
- (+359) بلغارستان
- (+226) بورکینافاسو
- (+257) بوروندی
- (+855) کامبوج
- (+237) كامرون
- (+1) كانادا
- (+238) کیپ ورد
- (+1) جزابر کیمن
- (+236) جمهوری آفریقای مرکزی
- (+235) چاد
- (+56) شيلي
- (+86) چين
- (+57) كلمبيا
- (+269) کومور
- (+682) جزایر کوک
- (+225) Côte d'Ivoire
- (+506) كاستا ريكا
- (+385) كرواسي
- (+53) كوبا
- (+599) Curaçao
- (+357) قبرس
- (+420) جمهوري چك
- (+243) Democratic Republic of the Congo
- (+45) دانمارك
- (+253) جیبوتی
- (+1) دومنيكا
- (+1) جمهوري دومنيكا
- (+593) اكوادر
- (+20) مصر
- (+503) الساوادر
- (+240) گینه استوایی
- (+291) اریتره
- (+372) استوني
- (+251) اتيوپي
- (+500) جزایر فالکلند
- (+298) جزایر فارو
- (+691) Federated States of Micronesia
- (+679) فیجی
- (+358) فنلاند
- (+33) فرانسه
- (+594) گویان فرانسه
- (+689) پلی نزی فرانسه
- (+241) گابون
- (+995) Georgia
- (+49) آلمان
- (+233) غنا
- (+350) جبل الطارق
- (+30) يونان
- (+299) گرینلند
- (+1) گرانادا
- (+590) گوادولوپ
- (+1) گوام
- (+502) گواتمالا
- (+44) گرنزی
- (+224) گينه
- (+245) گينه بي سائو
- (+592) گویان
- (+509) هائيتي
- (+504) هندوراس
- (+852) هنگ كنگ
- (+36) مجارستان
- (+354) ایسلند
- (+91) هند
- (+62) اندونزي
- (+98) ایران
- (+964) عراق
- (+353) Ireland
- (+44) Isle Of Man
- (+972) رژيم صهيونيستي
- (+39) ايتاليا
- (+1) جامائيكا
- (+81) ژاپن
- (+44) جرسي
- (+962) اردن
- (+7) قزاقستان
- (+254) كنيا
- (+686) كيريبيتي
- (+965) كويت
- (+996) قرقیزستان
- (+856) لائوس
- (+371) لتونی
- (+961) لبنان
- (+266) لسوتو
- (+231) لیبریا
- (+218) ليبي
- (+423) لیختن اشتاین
- (+370) ليتواني
- (+352) لوكسامبورگ
- (+853) Macau
- (+389) Macedonia
- (+261) ماداگاسكار
- (+265) مالاوی
- (+60) مالزي
- (+960) مالديو
- (+223) مالي
- (+356) مالتا
- (+692) جزایر مارشال
- (+596) مارتینیک
- (+222) موریتانی
- (+230) موریس
- (+262) مایوت
- (+52) مكزيك
- (+373) مالديو
- (+377) موناکو
- (+976) مغولستان
- (+382) مونته نگرو
- (+1) مونتسرات
- (+212) مراكش
- (+258) موزامبيك
- (+95) ميانمار
- (+264) نامیبیا
- (+674) نائورو
- (+977) نپال
- (+31) هلند
- (+687) کالدونیای جدید
- (+64) نيوزلند
- (+505) نیکاراگوئه
- (+227) نیجر
- (+234) نيجريه
- (+683) نیوئه
- (+672) جزیره نورفولک
- (+850) كره ي شمالي
- (+1) جزایر ماریانای شمالی
- (+47) نروژ
- (+968) عمان
- (+92) پاكستان
- (+680) Palau
- (+970) فلسطین
- (+507) پاناما
- (+675) پاپوا گينه ي نو
- (+595) پاراگوئه
- (+51) پرو
- (+63) فيليپين
- (+48) لهستان
- (+351) پرتغال
- (+1) پورتوریکو
- (+974) قطر
- (+242) کنگو
- (+40) روماني
- (+262) Runion
- (+7) روسيه
- (+250) رواندا
- (+290) سنت هلن
- (+1) سنت کیتس و نویس
- (+508) سنت پیر و میکلون
- (+1) سنت وینسنت و گرنادین
- (+685) ساموا
- (+378) سن مارینو
- (+239) Sao Tome and Principe
- (+966) عربستان سعودی
- (+221) سنگال
- (+381) صربستان
- (+248) سیشل
- (+232) سیرالئون
- (+65) سنگاپور
- (+1) Sint Maarten
- (+421) اسلواکی
- (+386) اسلونی
- (+677) جزاير سليمان
- (+252) سومالی
- (+27) آفريقای جنوبي
- (+82) كره ی جنوبي
- (+211) سودان جنوبی
- (+34) اسپانيا
- (+94) سريلانكا
- (+1) St. Lucia
- (+249) سودان
- (+597) سورینام
- (+268) سوازیلند
- (+46) سوئد
- (+41) سوييس
- (+963) سوريه
- (+886) تايوان
- (+992) تاجيكستان
- (+255) تانزانيا
- (+66) تايلند
- (+1) The Bahamas
- (+220) گامبیا
- (+670) تیمور
- (+228) توگو
- (+690) توکلائو
- (+676) تونگا
- (+1) ترینیداد و توباگو
- (+216) تونس
- (+90) تركيه
- (+993) تركمنستان
- (+1) جزایر تورکس و کایکوس
- (+688) تووالو
- (+1) U.S. Virgin Islands
- (+256) اوگاندا
- (+380) اوكراين
- (+971) امارات متحده ي عربي
- (+44) انگلیس
- (+1) امریکا
- (+598) اوروگوئه
- (+998) ازبكستان
- (+678) وانواتو
- (+58) ونزوئلا
- (+84) ويتنام
- (+681) والیس و فوتونا
- (+212) صحرای غربی
- (+967) يمن
- (+260) زامبیا
- (+263) زیمباوه