آموزش HTML برنامه نویسی تحت وب 2

fdd · 2012/8/2

پاسخ : آموزش HTML برنامه نویسی تحت وب 2

به نقل از مهدی صفری :
من متن وسط صفحه رو نگفتم که بدون کد هم نمایش داده میشه
منظورم عنوان سایت بود

خب دارن میگن استانداردش اینه دیگه! :)

armin-m · 2012/8/2

پاسخ : آموزش HTML برنامه نویسی تحت وب 2

به نقل از مهدی صفری :
من متن وسط صفحه رو نگفتم که بدون کد هم نمایش داده میشه
منظورم عنوان سایت بود

ممنون از fdd !! بله حرف ایشون درست بود!! شما کلا حتی اگه تگ <html> رو ننویسید و فقط همون <title> رو بنویسید بازم عنوان میاد!

fdd · 2012/8/2

پاسخ : آموزش HTML برنامه نویسی تحت وب 2

يعنى ميتونيم ننويسيم؟ يعنى استانداردش نيست ديگه؟ :)

علی کوچولو! · 2012/8/3

پاسخ : آموزش HTML برنامه نویسی تحت وب 2

دوستان ببخشيد جفت پا اومدم وسط تاپيكاااا!
وقتتون رو الكي رو html نزارين ، بريد css يا بگيريد
هم برا وبلاگ نويسي هم سايت wp , jomla , dropal ...
كمكي هم خواستيد در خدمتم

DaMoN SaLvAtOrE · 2012/8/3

پاسخ : آموزش HTML برنامه نویسی تحت وب 2

به نقل از علی کوچولو! :
دوستان ببخشيد جفت پا اومدم وسط تاپيكاااا!
وقتتون رو الكي رو html نزارين ، بريد css يا بگيريد
هم برا وبلاگ نويسي هم سايت wp , jomla , dropal ...
كمكي هم خواستيد در خدمتم

بهترین و تقریبا تنها ترین کمک،اینه که آموزششون بزاری :)

kia.celever · 2012/8/3

پاسخ : آموزش HTML برنامه نویسی تحت وب 2

به نقل از علی کوچولو! :
دوستان ببخشيد جفت پا اومدم وسط تاپيكاااا!
وقتتون رو الكي رو html نزارين ، بريد css يا بگيريد
هم برا وبلاگ نويسي هم سايت wp , jomla , dropal ...
كمكي هم خواستيد در خدمتم

دوست من کسی که html بلد نباشه css به چه دردش می خوره؟! :-?

اگه برنامه نویسی وب می خواید یاد بگیرید اولین قدم یاد گرفتن html هستش! چون وب کلاً بر پایه html پیاده سازی شده!

armin-m · 2012/8/3

پاسخ : آموزش HTML برنامه نویسی تحت وب 2

ممنون از دوستان که پاسخ دادن

اصلا شما html بلد نباشی CSS خالی به هیچ دردتون نمی خوره چون CSS فقط یه زبان توصیفی برای زیبا تر کردن صفحات وب هست!!! الان دارم فصل 2 رو می نویسم ببخشید که یکم طول کشید

armin-m · 2012/8/3

پاسخ : آموزش HTML برنامه نویسی تحت وب 2

فصل 2 , تگ های ویرایش متن1:

سلام !!
دوستان یه مسئله ای من عادت دارم توی آموزشم خیلی گنگ توضیح می دم!! بعدش با یه مثال یهو کلش رو مشخص می کنم!! پس اگه وسط آموزش دیدین هیچی نمی فهمید ول نکنید مطلب رو

مطمئن باشید مثال ها رو که ببینید می فهمید!

در اولین قدم از تگ های ویرایش متن می خوام تگ br رو می خوام بهتون معرفی کنم!!
تگ br به خط بعدی میره!! کد زیر رو امتحان کنید!!

کد:

<html>
<body>
سلام!


خدافظ!!!
</body>
</html>

html بیشتر از یه دونه فاصله رو تشخیص نمی ده ! همینطور اینتر رو! یعنی شما اگه بیش تر از یه دونه فاصله بین کلماتتون بزارید مرورگر تشخیص نمی ده و همون یه دونه فاصله رو میزاره.
خوب حالا میریم سراغ تگ h. تگ h برای کوچک و بزرگتر کردن حروف استفاده میشه h شش تا پارامتر داره در مورد پارامتر هاش توضیح نمی دو چون باید خودتون امتحان کنید!(دوستان لطفا امتحان کنید چون بعدا با پارامتر های font قاطی می کنید)

کد:

<html>
<body>
<h1>
اين متن بسيار بزرگ است!
</h1>
<h2>
اين متن بزرگ است!
</h2>
<h3>
اين متن کمي بزرگ است!
</h3>
<h4>
اين متن معمولي است
</h4>
<h6>
اين متن کوچک است
</h6>
<h6>
اين متن بسيار کوچک است
</h6>
</body>
</html>

همونطور که می بینید هر چه قد عدد h بیشتر شود سایز متن کوچک تر می شود ، بنابر این پارامتر های h برعکس هستن!!

تگ font:
فونت پارامتر های متفاوتی داره!! مثلا توی font شما می تونید رنگ متن ، فونت متن ، اندازه متن و غیره رو مشخص کنید.
برای استفاده از پارامتر رنگ در font از color استفاده می شود.
توی html هر وقت بخوایم برای تگی عدد یا رنگ یا غیره رو مشخص کنیم باید از = و " استفاده کنیم! به مثال زیر توجه کنید.

کد:

<html>
<body>
<font color="red">اين يک متن قرمز است!!</font>
</body>
</html>

احتمالا از مثال همه چیز رو فهمیدید ! ولی حتما امتحانش کنید!! برای مشخص کردن رنگ از دو نوع سیستم میشه استفاده کرد!!
1- نوشتن رنگ به انگیلیسی(مثل red, blue , green ...)
2- استفاده از کد های هگزادسیمال (یه سری کد هستن که مشخص کننده رنگ هستن توی وب! ما کاری نداریم فعلا بهش!)

انتخاب اندازه متن در تگ فونت:
همون کار تگ h رو می کنه ولی بر عکس h هست!! یعنی پارامتر های h هر چه قد کمتر می شدن بزرگ تر می شدن ولی توی font هر چه قد پارامتر ها بیشتر بشه متن بزرگتر میشه!
پارامتر های فونت از -3 شروع میشه و تا 4 ادامه پیدا می کنه. پارامترش هم size هست! مثال زیر رو امتحان کنید

کد:

<html>
<body>
<font size="4">اين يک متن بزرگ است!</font>

<h1>اين يک متن بزرگ است!</h1>

<font size="-3">اين يک متن کوچک است!</font>

<h6>اين يک متن کوچک است</h1>
</body>
</html>

خوب یه دونه دیگه از پارامتر های فونت رو می گم!! بقیش بمونه برا جلسه بعد!! یکم طولانی شد این جلسه!
پارامتر face :
این پارامتر نوع فونت رو مشخص می کنه که arial باشه یا tahoma باشه و اینا! مثال زیر رو امتحان کنید!

کد:

<html>
<body>
<font face="arial">آریال </font>
<font face="tahoma">تاهوما</font>
</body>
</html>

خوب دوستان یکم اینارو تمرین کنید فصل بعد هم با یه سری دیگه از تگ های ویرایش متن آشنا میشیم!

armin-m · 2012/8/5

پاسخ : آموزش HTML برنامه نویسی تحت وب 2

فصل 3 , تگ های ویرایش متن2:
سلام!! میریمی سراغ بقیه ی تگ های ویرایش متن!
اولین تگ از جلسه امروز تگ b هست !! این تگ باعث بلد شدن متن و پررنگ شدن اون میشه! یعنی اینجوری
مثال:

کد:

<html>
<body>
<b>
این متن پر رنگ است!
</b>
</body>
</html>

تگ بعدی که میخوام معرفی کنم تگ u هست! این تگ زیرخط می اندازه! مثل این
مثال:

کد:

<html>
<body>
<u>
این متن زیر خط دار است!
</u>
</body>
</html>

تگ بعدی i هست! این تگ ایتالیک میکنه! مثل این
مثال:

کد:

<html>
<body>
<i>
این ایتالیک است!
</i>
</body>
</html>

تگ بعدی strike هست! این تگ روی متن خط میندازه! مثل ~~این~~
مثال:

کد:

<html>
<body>
<strike>
این متن خط خورده است!
</strike>
</body>
</html>

خوب میتونید ترکیبی هم استفاده کنید !! مثل این:

کد:

<html>
<body>
<i>
<u>
<strike>
این یک متن ترکیبی است!
</strike>
</u>
</i>

</body>
</html>

این جلسه خیلی کم بود!!! جلسه بعدی هم با لینک و عکس در صفحه ها آشنا میشیم !! شاید چیزای دیگه ای رو هم گفتم!!

pershia · 2012/8/6

پاسخ : آموزش HTML برنامه نویسی تحت وب 2

سلام.
از آموزش هاتون متشکرم...
:)

khoshi · 2012/8/7

پاسخ : آموزش HTML برنامه نویسی تحت وب 2

من خودم HTML رو از http://www.neopersia.org/html یاد گرفتم
هم خیلی خوبه هم کامل و هم فارسی!
به جز HTML آموزش CSS و java script هم داره!
کلا خیلی خوبه؛تنها بدیش اینه که یکم قدیمیه ، ولی مشکلی پیش نماره!

@LiReZ@ · 2014/1/21

پاسخ : آموزش HTML برنامه نویسی تحت وب 2

بچه ها بیایم دست به کار شیم بزنیم رو دست این از دنیا عقبای تحت ویندوز نمیدونن همه چه داره میره سمت وب بیاید اینا رو ادامه بدیم و به php و ... هم برسیم و بزنیم رو دست بچه های c++ باشه؟ پس برگردید بحث رو شروع کنیم

@LiReZ@ · 2014/1/21

پاسخ : آموزش HTML برنامه نویسی تحت وب 2

ادامه بدید چرا ول کردید؟؟؟؟

Ali.SH · 2014/1/21

پاسخ : آموزش HTML برنامه نویسی تحت وب 2

راستي يه جزوه هم تو سايت Webook.ir هستش برا اقاي نصرتي اونم منبع خوبيه فك كنم از اون بگينم خوب باشه :)

@LiReZ@ · 2014/1/21

پاسخ : آموزش HTML برنامه نویسی تحت وب 2

اینجا خیلی ها هستن خوب بلدن پس خودمون کار رو شروع میکنیم من php رو شروع کردم بهه یاد دادن الانم اینو شروع میکنم کسی سوالی داره بپرسه

@LiReZ@ · 2014/1/22

پاسخ : آموزش HTML برنامه نویسی تحت وب 2

بچه ها از اول از همین الان و امروز شروع میکنیم

fdd · 2014/1/22

پاسخ : آموزش HTML برنامه نویسی تحت وب 2

به نقل از alirezakabir :
بچه ها از اول از همین الان و امروز شروع میکنیم

چرا از اول خب؟! :-/

اون قستایی که توضیح دادن و دیگه بیخیال شیم دیگه!!! :)

@LiReZ@ · 2014/1/22

پاسخ : آموزش HTML برنامه نویسی تحت وب 2

نه آخه خیلی وقته خیلیا نیومدن بعد یه سری جدیدن از اول میگیم که مرور هم بشه P:>

Yabançı · 2014/7/16

پاسخ : آموزش HTML برنامه نویسی تحت وب 2

میخوام تابستون کل برنامه نویسی وب رو با شروع از html آموزش بدم

تا هم واسه خودم مرور باشه و خودم یاد بگیرم و هم چیزی یاد داده باشم البته اگه مدیرا اجازه بدن و تاپیک تکراری نباشه.متاسفانه تاپیک های آموزشی دیگه واقعا غیر اصولی اند :-& و میان یه چیزی یاد میدن که W3c دپریکیتش کرده X-( و فقط چند سطر کد بهتونن میدن که حفظ کنید و اصلا خوب و بروز یاد نمیدن!من میخوام با سرفصل های w3school یاد بدم تا چیزی باقی نمونه و تمامی مسائل رو با مثال و ایجاد سایت یادتون بدم.

دوستان فقط لطف کنید سوالاتتون رو تو تاپیک سوالات مربوطه بپرسید تا این تاپیک از موضوعش فاصله نگیره

Sanctum · 2014/7/16

پاسخ : آموزش HTML برنامه نویسی تحت وب 2

تاپیک خوبیه به شرطی که ادامه پیدا کنه.
مسلما css هم در کنارش خواهد بود دیگه؟

آموزش HTML برنامه نویسی تحت وب 2

کاربر نیمه‌حرفه‌ای

کاربر نیمه‌فعال

کاربر نیمه‌حرفه‌ای

کاربر فوق‌فعال

مهدی صفری

کاربر حرفه‌ای

کاربر نیمه‌فعال

کاربر نیمه‌فعال

کاربر نیمه‌فعال

کاربر حرفه‌ای

کاربر حرفه‌ای

фотрос

фотрос

کاربر فوق‌حرفه‌ای

фотрос

фотрос

کاربر نیمه‌حرفه‌ای

фотрос

کاربر نیمه‌حرفه‌ای

کاربر حرفه‌ای