• اگر سمپادی هستی همین الان عضو شو :
    ثبت نام عضویت

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

  • شروع کننده موضوع NOOB
  • تاریخ شروع

fdd

کاربر نیمه‌حرفه‌ای
ارسال‌ها
188
امتیاز
279
نام مرکز سمپاد
فرزانگان
شهر
کرج
دانشگاه
پلي تكنيك تهران
رشته دانشگاه
مهندسي هوافضا
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

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

armin-m

کاربر نیمه‌فعال
ارسال‌ها
17
امتیاز
27
نام مرکز سمپاد
علامه حلی 4
شهر
تهران
دانشگاه
آکسفرد بلغارستان ایشالا!!
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

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

fdd

کاربر نیمه‌حرفه‌ای
ارسال‌ها
188
امتیاز
279
نام مرکز سمپاد
فرزانگان
شهر
کرج
دانشگاه
پلي تكنيك تهران
رشته دانشگاه
مهندسي هوافضا
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

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

علی کوچولو!

کاربر فوق‌فعال
ارسال‌ها
169
امتیاز
944
نام مرکز سمپاد
شهید دستغیب 2
شهر
شيراز
سال فارغ التحصیلی
94
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

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

DaMoN SaLvAtOrE

مهدی صفری
ارسال‌ها
487
امتیاز
2,402
نام مرکز سمپاد
شهید قدوسی
شهر
قم - تهران
سال فارغ التحصیلی
1393
دانشگاه
دانشگاه علوم پزشکی تهران
رشته دانشگاه
Health IT
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

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

kia.celever

کاربر حرفه‌ای
ارسال‌ها
338
امتیاز
1,366
نام مرکز سمپاد
دبیرستان علامه حلی ۳
شهر
تهران
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

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

armin-m

کاربر نیمه‌فعال
ارسال‌ها
17
امتیاز
27
نام مرکز سمپاد
علامه حلی 4
شهر
تهران
دانشگاه
آکسفرد بلغارستان ایشالا!!
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

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

armin-m

کاربر نیمه‌فعال
ارسال‌ها
17
امتیاز
27
نام مرکز سمپاد
علامه حلی 4
شهر
تهران
دانشگاه
آکسفرد بلغارستان ایشالا!!
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

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

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

در اولین قدم از تگ های ویرایش متن می خوام تگ 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

کاربر نیمه‌فعال
ارسال‌ها
17
امتیاز
27
نام مرکز سمپاد
علامه حلی 4
شهر
تهران
دانشگاه
آکسفرد بلغارستان ایشالا!!
پاسخ : آموزش 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>
این جلسه خیلی کم بود!!! جلسه بعدی هم با لینک و عکس در صفحه ها آشنا میشیم !! شاید چیزای دیگه ای رو هم گفتم!!
 
  • لایک
امتیازات: fdd

pershia

کاربر حرفه‌ای
ارسال‌ها
416
امتیاز
2,073
نام مرکز سمپاد
فرزانگان6
شهر
تهران
مدال المپیاد
نجوم
دانشگاه
UT\AUT
رشته دانشگاه
علوم کامپیوتر
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

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

khoshi

کاربر حرفه‌ای
ارسال‌ها
391
امتیاز
702
نام مرکز سمپاد
حلی3
شهر
تهران
مدال المپیاد
تلاش!
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

من خودم HTML رو از http://www.neopersia.org/html یاد گرفتم
هم خیلی خوبه هم کامل و هم فارسی!
به جز HTML آموزش CSS و java script هم داره!
کلا خیلی خوبه؛تنها بدیش اینه که یکم قدیمیه ، ولی مشکلی پیش نماره!
 
ارسال‌ها
687
امتیاز
915
نام مرکز سمپاد
راهنمایی حلی 2 - دبیرستان حلی10
شهر
تهران
سال فارغ التحصیلی
1397
دانشگاه
Shahed Uni
رشته دانشگاه
Computer Science
تلگرام
اینستاگرام
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

بچه ها بیایم دست به کار شیم بزنیم رو دست این از دنیا عقبای تحت ویندوز نمیدونن همه چه داره میره سمت وب بیاید اینا رو ادامه بدیم و به php و ... هم برسیم و بزنیم رو دست بچه های c++ باشه؟ پس برگردید بحث رو شروع کنیم
 
  • لایک
امتیازات: fdd
ارسال‌ها
687
امتیاز
915
نام مرکز سمپاد
راهنمایی حلی 2 - دبیرستان حلی10
شهر
تهران
سال فارغ التحصیلی
1397
دانشگاه
Shahed Uni
رشته دانشگاه
Computer Science
تلگرام
اینستاگرام
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

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

Ali.SH

کاربر فوق‌حرفه‌ای
ارسال‌ها
668
امتیاز
4,524
نام مرکز سمپاد
HIV
شهر
Tehran
سال فارغ التحصیلی
95
دانشگاه
زنجان
رشته دانشگاه
پزشکی
تلگرام
اینستاگرام
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

راستي يه جزوه هم تو سايت Webook.ir هستش برا اقاي نصرتي اونم منبع خوبيه فك كنم از اون بگينم خوب باشه :)
 
ارسال‌ها
687
امتیاز
915
نام مرکز سمپاد
راهنمایی حلی 2 - دبیرستان حلی10
شهر
تهران
سال فارغ التحصیلی
1397
دانشگاه
Shahed Uni
رشته دانشگاه
Computer Science
تلگرام
اینستاگرام
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

اینجا خیلی ها هستن خوب بلدن پس خودمون کار رو شروع میکنیم من php رو شروع کردم بهه یاد دادن الانم اینو شروع میکنم کسی سوالی داره بپرسه
 
ارسال‌ها
687
امتیاز
915
نام مرکز سمپاد
راهنمایی حلی 2 - دبیرستان حلی10
شهر
تهران
سال فارغ التحصیلی
1397
دانشگاه
Shahed Uni
رشته دانشگاه
Computer Science
تلگرام
اینستاگرام
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

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

fdd

کاربر نیمه‌حرفه‌ای
ارسال‌ها
188
امتیاز
279
نام مرکز سمپاد
فرزانگان
شهر
کرج
دانشگاه
پلي تكنيك تهران
رشته دانشگاه
مهندسي هوافضا
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

به نقل از alirezakabir :
بچه ها از اول از همین الان و امروز شروع میکنیم
چرا از اول خب؟! :-/ اون قستایی که توضیح دادن و دیگه بیخیال شیم دیگه!!! :)
 
ارسال‌ها
687
امتیاز
915
نام مرکز سمپاد
راهنمایی حلی 2 - دبیرستان حلی10
شهر
تهران
سال فارغ التحصیلی
1397
دانشگاه
Shahed Uni
رشته دانشگاه
Computer Science
تلگرام
اینستاگرام
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

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

Yabançı

کاربر نیمه‌حرفه‌ای
ارسال‌ها
255
امتیاز
388
نام مرکز سمپاد
طلایه داران
شهر
لاچین
رشته دانشگاه
JLE
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

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

Sanctum

کاربر حرفه‌ای
ارسال‌ها
460
امتیاز
374
نام مرکز سمپاد
شهيد بهشتي
شهر
مياندوآب
سال فارغ التحصیلی
94
دانشگاه
علوم پزشكي شيراز - پردیس
رشته دانشگاه
دندان پزشكي
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

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