با اولین جلسه از آموزش اچ تی ام ال در خدمت شما هستیم!
خب با اجازه بزرگان جمع بریم سر اصل مطلب!:
اول از همه چند نکته بگم:
1- از پرسیدن هیچ سوالی نترسید! بترسید می کشمتون! هر کسی هم که کسیو تو کلاس من(:دی) مسخره کنه می کشمش!
2- اگه دوس داشتین خوب یاد بگیرین تمرین هایی که میگم رو انجام بدین تا خوب درک کنین مسائل رو... این تمرین ها با عنوان "
" قرار داده خواهد شد!
3- امیدوارم معلم خوبی باشم!:دی و بتونم سوالاتتون رو جواب بدم!
جلسات:
سلام علیکم و رحمته الله و برکاته!
الحمدلله رب العالمین و بهی نستعین انّه خیر ناصر معین...
یا مقلب القلوب ، ثبت قلوبنا علی دینک.
((3))
خوبین؟ خوشین؟!
نیستین؟! به من چه! من اومدم بگم براتون یه جلسه ی دیگه آوردم!
بریم سراغش!
خب اولش یه ویژگی از تگ لینک!
ویژگی target برای تگ a :
این یه ویژگی هست که معلوم می کنه لینکتون به چه صورت باز بشه، توی یک تب جدید یا توی همین تبی که همین الان هستین یا توی یه صفحه ی جدید.
مقادیرش این هاست:
_blank | Opens the linked document in a new window or tab |
_self | Opens the linked document in the same frame as it was clicked (this is default) |
_parent | Opens the linked document in the parent frame |
_top | Opens the linked document in the full body of the window |
framename | Opens the linked document in a named frame |
خودتون می فهمین دیگه؟! :دی
نفهمیدین بپرسین ولی غیر قابل فهم نیست! :دی
خب حالا میریم سراغ لیست ها توی اچ تی ام ال:
دو نوع لیست داریم:
- با ترتیب
- بدون ترتیب
)
:دی
نوع اول لیست های هستن که ترتیب دارن و مورد اول نسبت به مورد دوم فرق می کنه!
مثل این:
- مورد اول
- مورد دوم
- مورد سوم
- مورد بعدی! :دی
که این نوع لیست توسط تگ ol شناخته میشه و هر موردش با تگ li تعریف می شه. یعنی به این صورت:
- Coffee
- Tea
- Milk
حالا شما میتونید با استفاده از خاصیت type نوع این ترتیب دهی رو مشخص کنین که مثلا توسط اعداد باشه یا اعداد رومی باشه یا حروف انگلیسی باشه و یا ....
اینجوری:
Type | Description |
---|---|
type="1" | The list items will be numbered with numbers (default) |
type="A" | The list items will be numbered with uppercase letters |
type="a" | The list items will be numbered with lowercase letters |
type="I" | The list items will be numbered with uppercase roman numbers |
type="i" | The list items will be numbered with lowercase roman numbers |
به عنوان مثال:
- Coffee
- Tea
- Milk
توی این مثال توسط اعداد معمولی ترتیب داده می شه به لیستمون.
لیست بدون ترتیب هم دقیقا مثل همونه!
هیچ فرقی نمی کنه!
فقط مقادیری که می تونیم به type بدیم فرق می کنه! و در ضمن باید این مقادیر رو از طریق استایل بدیم. ینی به type نمی دیم! :دی به style میدیم.
این مقادیر:
Style | Description |
---|---|
list-style-type: disc | The list items will be marked with bullets (default) |
list-style-type:circle | The list items will be marked with circles |
list-style-type:square | The list items will be marked with squares |
list-style-type:none | The list items will not be marked |
همین!
حالا اگه بخواین لیستتون به صورت افقی نشون داده بشه باید این کارو بکنین:
- HTML
- CSS
- JavaScript
- PHP
این جلسه خیلی کم بود... می دونم ....
(
می دونننننممممممممممم!
ساکت!
بزارین جرفمو بزنم...
ببینین
خدافظ!
به من چه که کم بود! :دی
وقت ندارم خو!
((3))
ولی قول میدم جلسه ی بعدو تا یه ماه دیگه بزارم! :دی
ایشالا زودتر می زارم! باشه بابا!
یکی این محمد مهدیو ساکت کنه!((3))
میگم باشه!
باشه! ایشالا زودتر از یه ماه می زارم! :دی
شب خوش!
:دی
سوال بپرسین!
سلام به همگی.
لطفا منو هم توی کلاس ثبت نام کنین. ((27))
ببخشید که مشقام عقب افتاده. همشونو جمع کردم یه جا نوشتم(البته تا ابتدای آموزش سی اس اس)
استاد بگو از بیست چند میگیرم؟((62))
In the name of God
Hi
I'm A and I just started learning HTML.
I used to think that it's boaring and hard,
But it turned out to be exciting and full of fun!
Everybody, wish me luck!
How to start
So I've been looking for a strong and high
quallity instruction and a good friend suggested me here:
The instructions are complete and got an Easy-To-Hard system!
I believe you won't come to any problem.
FYI: They answer all your questions, completely and precisely!
What's needed
Any special application?
Absolutely nothing!
Since you got Notepad on your computer, it would be enough!
Just get to the work and enjoy it!
Remember
Nothing is impossible
Inspiration
Don't be afraid. Just take the first step and don't worry about the rest.
T.S.Elliot, a essayist and playwright says:Only those who will risk going too far
can possibly find out how far one can go.
Also, Stacy London, American auther says:
Don't let fear or insecurity stop you from trying new things.
believe in yourself. Do what you love. And most importantly, be kind to others,
even if you don't like them.
About me
Name: Mixed nut
Translator
Visit me at:
Forum.pioneer-life.ir
1. حتما باید بین بند بند متن یه inter زده بشه؟ حکمتش چیه؟ برای خوشگلی و تمیزی؟ برای آسون تر شدن خوندنش؟
2. آیا لیستی از فونتها و رنگ هایی که مرورگر قادر به خوندن اونهاست وجود داره؟
3. حالا که نمیشه برای headها style تعریف کرد، باید از تگ font استفاده کنیم؟
4. میشه رنگ highlight رو تغییر داد؟ یا نمیشه و تنها چاره استفاده از استایل background-color میباشد؟
5. انتهای پست شماره 51# در همین تاپیک، مبحث کامنتها قرار گرفته که "خودتون امتحان کنید" نداشت. میشه قرار بدین؟ (و بماند که هیچی نفهمیدم ازش...)
6. توی head به جز title چه چیزهایی میشه قرار داد؟
7. آیا
نیازی به بستن نداره؟ همین جوری آخر جمله به جای inter قرارش بدیم کافیه؟
8. وقتی تگ های مربوط به متن داریم مثل بولد و ایتالیک و اینها، باز هم لازمه از
استفاده کنیم؟
9. آیا notepad قابلیت ذخیره فایل با فرمت html رو نداره؟ داره؟ چه کنم؟
10. من sublime text3 رو دان کردم و نصب کردم و توی patch کردنش گیر کردم ))
ممنون از وقتی که صرف میکنید.
پ.ن: حالا که یه بار این پستو میخونم، میبینم که بعضی از <ها سر جاشون نیفتادن |:
آیا این پست نوشتن راست نویس و چپ نویس نداره؟ (منظورم alignش نیستا.)
- - - - - - - - - به دلیل ارسال پشت سر هم پست ها ادغام شدند - - - - - - - - -
ای خداااااااااا
نمیدونم بخندم یا چی!!!!
اون ایموجی اون وسطاااا که زبون درمیاره در واقع یه : با یه p هستش اونجوری شده هاااا. من وسطش مسخرم نگرفته!
@mixed-nut 91081 گفته:
سلام به همگی.
لطفا منو هم توی کلاس ثبت نام کنین. ((27))
ببخشید که مشقام عقب افتاده. همشونو جمع کردم یه جا نوشتم(البته تا ابتدای آموزش ++C)
استاد بگو از بیست چند میگیرم؟((62))
Let's begin In the name of God
Hi
I'm A and I just started learning HTML.
I used to think that it's boaring and hard,
But it turned out to be exciting and full of fun!
Everybody, wish me luck!
How to start
So I've been looking for a strong and high
quallity instruction and a good friend suggested me here:
The instructions are complete and got an Easy-To-Hard system!
I believe you won't come to any problem.
FYI: They answer all your questions, completely and precisely!
What's needed
Any special application?
Absolutely nothing!Since you got Notepad on your computer, it would be enough!
Just get to the work and enjoy it!
Remember
Nothing is impossible
Inspiration
Don't be afraid. Just take the first step and don't worry about the rest.
T.S.Elliot, a essayist and playwright says:
Only those who will risk going too farcan possibly find out how far one can go.
Also, Stacy London, American auther says:
Don't let fear or insecurity stop you from trying new things.
believe in yourself. Do what you love. And most importantly, be kind to others,
even if you don't like them.
About me
Name: Mixed nut
Translator
Visit me at:
Forum.pioneer-life.ir
و اما سوالات من:1. حتما باید بین بند بند متن یه inter زده بشه؟ حکمتش چیه؟ برای خوشگلی و تمیزی؟ برای آسون تر شدن خوندنش؟
2. آیا لیستی از فونتها و رنگ هایی که مرورگر قادر به خوندن اونهاست وجود داره؟
3. حالا که نمیشه برای headها style تعریف کرد، باید از تگ font استفاده کنیم؟
4. میشه رنگ highlight رو تغییر داد؟ یا نمیشه و تنها چاره استفاده از استایل background-color میباشد؟
5. انتهای پست شماره 51# در همین تاپیک، مبحث کامنتها قرار گرفته که "خودتون امتحان کنید" نداشت. میشه قرار بدین؟ (و بماند که هیچی نفهمیدم ازش...)
6. توی head به جز title چه چیزهایی میشه قرار داد؟
7. آیا
نیازی به بستن نداره؟ همین جوری آخر جمله به جای inter قرارش بدیم کافیه؟8. وقتی تگ های مربوط به متن داریم مثل بولد و ایتالیک و اینها، باز هم لازمه از
استفاده کنیم؟
9. آیا notepad قابلیت ذخیره فایل با فرمت html رو نداره؟ داره؟ چه کنم؟
10. من sublime text3 رو دان کردم و نصب کردم و توی patch کردنش گیر کردم ))
ممنون از وقتی که صرف میکنید.
پ.ن: حالا که یه بار این پستو میخونم، میبینم که بعضی از <ها سر جاشون نیفتادن |:
آیا این پست نوشتن راست نویس و چپ نویس نداره؟ (منظورم alignش نیستا.)
- - - - - - - - - به دلیل ارسال پشت سر هم پست ها ادغام شدند - - - - - - - - -
ای خداااااااااا
نمیدونم بخندم یا چی!!!!
اون ایموجی اون وسطاااا که زبون درمیاره در واقع یه : با یه p هستش اونجوری شده هاااا. من وسطش مسخرم نگرفته!
اهم با اجازه من اونایی که میدونم جواب بدم تا بعدا خوداستاد ابراهیم بیان حرفامو نقض کنن ) ((200))((200))
1- به گمونم برای همش ، چون خوشگلی و تمیزی باعث میشه که راحت تر خونده بشه کدا ، همونطور که توی یه آموزش سی پلاس پلاس توصیه کرده بود هر خط یه اسپیس جلو تر از خط قبلی بشه چون تشخیص و خوندن کدا راحت تره
2- اممم اینو من نمیدونم وایسید خود ابراهیم بیاد جواب بده فقط چیزی که میدونم اینه که شما میتونید با سی اس اس هر فونتی که خواستید رو روی قالبتون نصب کنید و همه چه اونو داشته باشن یا نه میتونن ببیننش ^____^
3- فک کنم میشه ، ابراهیم توی آموزشاش مثالشم زده بودا Oo یادمه یه بار هدینگو با استایل رفته بود برای مثال البته باز خودش بیاد بگه بهتره -____-
4- حدس میزنم همون استایل باشه چاره اش ، چون تو سایتا چیز دیگه ای ننوشتن
5- بفرمایید کل خودتان امتحان کنیدای مبحث کامنت :
http://www.w3schools.com/html/html_comment
کامنتا برای خودتونن که قاطی نکنید ، مثلا شما یه پروژه خیلی عظیمی نوشتید، ممکنه بعد از هزار خط دیگه نتونید بگید این کد مال کدوم بخشه دیگه اصلا ، برای همین میاید تگ کامنت میذارید و توش یاد میذارید که بعدا سریع یادتون بیاد ، تگ کامنتو مرورگر نمایش نمیدهنمیده
6- اینا رو
نمیدونم چین اصلا بذارید خود ابراهیم بگه ((200))((200))
7 - نه نیازی به بستن نداره اون تگی که یه خط تو صفحه میکشه هم همینطوریه ، یادم رفت چی بود
8 - نمیدونم والا ، بدون تگ پی هم کار میکنه ولی نمیدونم اصولیه یا نه '____'
9 - اصلا خیلیا با نوتپد میرن .... کار که تموم شد فایلو با فرمت HTML. سیو کنید بعد با مروگر اجراش کنید
10 - من خودم اولش ابراهیم بهم توصیه کرد با notepad ++ کار کنم، خیلی عالیه هم رایگانه هم اکثر زبانای برنامه نویسو ساپورت میکنه ... متنا و تگای مختلفم رنگی میکنه که قاطی نکنید . هرچند htmlpad و atom هم خیلی خوبن مخصوصا اتم طراحیس خیلی ساده و قشنگه رایگانم هست کرک نمیخواد
میتونیدکداتونو تو تگ اچ تی ام ال بذارید که مشخص باشه و قاطی و اینا نشه
اینجوری
توی ادیتور علامتش هست میتونید انتخاب کنید
خب از اونجا که با دو نفر نمیشه کلاس ها رو ادامه داد کلاس همینجا تموم شده و شما رو به خدای بزرگ میسپارم!!
از مدیران عزیز هم درخواست بسته شدن تاپیک رو دارم!!
تاپیک به درخواست فرستنده بسته شد.
دوستانی که میخوان ادامه بدن آموزش رو، پیشنهاد میکنیم از لینکهای زیر دیدن کنن:
آموزش فوق العاده جامع HTML و CSS از صفر تا صد | ویدئویی | کاملا رایگان
آموزش HTML5 به صورت جامع و ویدئویی بسیار روان و کاربردی | کاملا رایگان
آموزش جامع CSS3 به صورت ویدئویی | کاملا رایگان
پیشتاز باشید