آموزش برنامه نویسی وب - ایستگاه اول:html(جلسه ی هفتم)

**HELT** · 2015/07/04, 03:02

سلام! خب بالاخره شروع شد!
با اولین جلسه از آموزش اچ تی ام ال در خدمت شما هستیم!
خب با اجازه بزرگان جمع بریم سر اصل مطلب!:
اول از همه چند نکته بگم:
1- از پرسیدن هیچ سوالی نترسید! بترسید می کشمتون! هر کسی هم که کسیو تو کلاس من(

) مسخره کنه می کشمش!
2- اگه دوس داشتین خوب یاد بگیرین تمرین هایی که میگم رو انجام بدین تا خوب درک کنین مسائل رو... این تمرین ها با عنوان "

خودتان تمرین کنید:

" قرار داده خواهد شد!
3- امیدوارم معلم خوبی باشم!

و بتونم سوالاتتون رو جواب بدم!

جلسات:

جلسه اول: تاریخچه، ساختار کلی و تگ P
جلسه ی دوم: تگ های img , a, h
جلسه ی سوم: معرفی خواص

تگ ها

جلسه ی چهارم: معرفی استایل

جلسه ی پنجم: تگ های مربوط به شخصی سازی متن و کامنت ها

جلسه ی ششم: توضیحی بر سی اس اس!

جلسه ی هفتم: لیست ها

**Magystic Reen** · 2015/07/06, 10:58

نوشته اصلی توسط HELT

ببین آموزش واقعن واضحه!

تو می خوای بری یه جایی از صفحه ات خب؟! فرض کن مثلا تو همین تاپیک
می خوای بری سراغ آموزش جلسه ی دوم
باید اونجا یه چیزی مشخص کنی یه اسمی شناسه ای چیزی که مرورگر بفهمه لینکت رو می خوای به اونجا ارجاع بدی
وقتی توی خاصیت href یه "#" می نویسی مرورگر می فهمه که تو میخوای به یه چیزی توی صفحه ارجاع بدی و می گرده دنبال اسمی که بعد از "#" اومده.
و اون تگ a رو که اسمش اومده نشون میده.
تو هم باید چیزای زیر رو به فایلت اضافه کنی :

کد HTML:

<a name="1">مقصد</a>
<a href="#1">مبدا</a>

هر حایی که دوست داشتی مقصد و هر جایی که دوست داشتی مبدات.

مشکل من دقیقا مبدا و مقصده. می خوام صفحه بره بالا.واسه مقصد چی بنویسم؟ واسه مبدا چی بنویسم؟ مقصد اون چیزیه که روش کلیک میکنی میره بالا یا مبدا؟

**HELT** · 2015/07/06, 11:11

نوشته اصلی توسط narsisa

مشکل من دقیقا مبدا و مقصده. می خوام صفحه بره بالا.واسه مقصد چی بنویسم؟ واسه مبدا چی بنویسم؟ مقصد اون چیزیه که روش کلیک میکنی میره بالا یا مبدا؟

مبدا جاییه که روش کلیک می کنی میری مقصد!
برای مبدا باید اینو بزاری:

کد HTML:

<a href="#1">مبدا</a>

و برای مقصد اینو:

کد HTML:

<a name="1">مقصد</a>

البته الان چون صفحه ات کوچیکه اتفاق خاصی نمی افته.
بین مبدا و مقصدت 20 - 30 تا "<br>" بزن. بعدش روی مبدا کلیک کن میری مقصد! <br> برای رفتن به خط بعده!

**ThundeR** · 2015/07/06, 13:51

سلام استاد

مرسی از آموزش
خخخخخخخخخخبا توجه به کمبود وقت همینقد نوشتم

<html>
<head>
<title>my page</title>
</head>
<body>
<h1>the best book </h1>
<h3>by my comment: in too deep</h3>
<p><a href="http://www.goodreads.com/book/show/6389704-in-too-deep?from_search=true&search_version=service"> this is a link to book!</a></p>
<h3>written by:</h3>
<p>jude watson </p>
<h3>rating details:</h3>
<p>30,238ratings . 542 reviews </p>
<h2>cover:</h2>
<"img src="../image/6389704.jpg" width="15%" height="12%>
</body>
</html>

**HELT** · 2015/07/06, 14:04

نوشته اصلی توسط PLUTO

سلام استاد

مرسی از آموزش
خخخخخخخخخخبا توجه به کمبود وقت همینقد نوشتم

<html>
<head>
<title>my page</title>
</head>
<body>
<h1>the best book </h1>
<h3>by my comment: in too deep</h3>
<p><a href="http://www.goodreads.com/book/show/6389704-in-too-deep?from_search=true&search_version=service"> this is a link to book!</a></p>
<h3>written by:</h3>
<p>jude watson </p>
<h3>rating details:</h3>
<p>30,238ratings . 542 reviews </p>
<h2>cover:</h2>
<"img src="../image/6389704.jpg" width="15%" height="12%>
</body>
</html>

سلام شاگرد!

احسنت!

امیدوارم همیشه یادت باشه پسوند فایل html رو بزاری .html نه .txt !

**Moahedeh** · 2015/07/07, 01:35

نوشته اصلی توسط PLUTO

<html>

<head>
<title>my page</title>
</head>
<body>
<h1>the best book </h1>
<h3>by my comment: in too deep</h3>
<p><a href="http://www.goodreads.com/book/show/6389704-in-too-deep?from_search=true&search_version=service"> this is a link to book!</a></p>
<h3>written by:</h3>
<p>jude watson </p>
<h3>rating details:</h3>
<p>30,238ratings . 542 reviews </p>
<h2>cover:</h2>
<"img src="../image/6389704.jpg" width="15%" height="12%>
</body>
</html>

ابراهیم اینو ببین! این چرا توی عکس مجید هم اندازه ی متن اصلیش شده؟

**mastermind** · 2015/07/07, 01:43

استفاده از تگ های h اصلا درباره ی اندازه متن نیست، به صورت پیش فرض این اندازه برای h3 در نظر گرفته شده که بعدا یاد میگیرید چطور با css این اندازه ها رو تغییر بدید.
استفاده از تگهای h یا تگهای دیگه به منظور semantic کردن ساختار صفحه ی html هست، یعنی چی؟ یعنی وقتی یک ماشین داره این صفحه رو میبینه تشخیص بده که متنی که داره می خونه یه header یا یه تیتره، این برای مثال به گوگل کمک می کنه تا درک بهتری از محتوای صفحه د

**HELT** · 2015/07/07, 02:41

نوشته اصلی توسط Moahedeh

ابراهیم اینو ببین! این چرا توی عکس مجید هم اندازه ی متن اصلیش شده؟

چیزی که پویا گفت کاملا درسته. بزار به مبحث css که رسیدیم هر فونتی که می خوای می تونی روی متنت بزاری.
اینا تگ های پایه ان و برای ساماندهی همین مشکلات و کم و کاستی ها css و غیره به وجود اومدن

صبر داشته باش!
در ضمن ممنون پویا!

**Moahedeh** · 2015/07/07, 02:52

حرف پویا رو نفهمیدم حرف خودتم نفهمیدم ابراهیم.
چیزی که من میدونم اینه: این h1 تا h6 برای تیتره. تیتر باید بزرگتر از متن باشه.
سوال: مجید سه بار از h3 استفاده کرد و توی یکیش، تیترش اندازه ی متن عادی ش بود.

سی اس اس و این چیزای سختو نگین. خیلی کوچولو و ساده جواب بده

**HELT** · 2015/07/07, 03:28

نوشته اصلی توسط Moahedeh

حرف پویا رو نفهمیدم حرف خودتم نفهمیدم ابراهیم.
چیزی که من میدونم اینه: این h1 تا h6 برای تیتره. تیتر باید بزرگتر از متن باشه.
سوال: مجید سه بار از h3 استفاده کرد و توی یکیش، تیترش اندازه ی متن عادی ش بود.

سی اس اس و این چیزای سختو نگین. خیلی کوچولو و ساده جواب بده

مرورگر مجید برنامه رو خوب اجرا نکرده یا یه گیری توی برنامه اش هست.
خودت باز نویسی کن متوجه میشی

- - - - - - - - - به دلیل ارسال پشت سر هم پست ها ادغام شدند - - - - - - - - -

برای من درست کار کرد عکسش رو آپلود کردم.
مجید تو هم با اون مرورگرت...