ایتا - جاوااسکریپت یار

جلسه اول قسمت سوم

eitaa.com/Pythonfriend

1 مشاهده16:34

جاوااسکریپت یار

خب بریم سراغ جلسه دوم

1 مشاهده16:35

جاوااسکریپت یار

خب بریم سراغ جلسه دوم

فعلا محدودیت داره ایتا نمیشه فیلم جلسه دوم بذارم  چون کیفت فیلم میاد پایین  هروقت درست شد ایتا انشاالله جلسه دوم فیلمش میذارم

1 مشاهده17:04

جاوااسکریپت یار

11:37

20.5M حجم رسانه بالاست

مشاهده در ایتا

جلسه دوم قسمت اول

eitaa.com/Pythonfriend

1 مشاهده10:05

جلسه دوم قسمت دوم

eitaa.com/Pythonfriend

1 مشاهده10:14

جاوااسکریپت یار

1:18

3.9M حجم رسانه بالاست

مشاهده در ایتا

جلسه دوم قسمت سوم

eitaa.com/Pythonfriend

1 مشاهده10:17

جاوااسکریپت یار

<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>جلسه دوم - آموزش HTML</title>
</head>
<body>
    <!-- عنوان اصلی -->
    <h1>🌐 به اولین صفحه وب من خوش آمدید!</h1>
    
    <!-- پاراگراف اول -->
    <p>سلام! من دارم برنامه‌نویسی یاد می‌گیرم. این اولین صفحه وبی هست که خودم ساختم.</p>
    
    <!-- خط افقی -->
    <hr>
    
    <!-- عناوین فرعی -->
    <h2>🎯 هدفای من</h2>
    <p>یادگیری برنامه‌نویسی وب</p>
    
    <h3>مرحله اول</h3>
    <p>یادگیری HTML</p>
    
    <h3>مرحله دوم</h3>
    <p>یادگیری JavaScript</p>
    
    <h3>مرحله سوم</h3>
    <p>ساخت پروژه‌های واقعی</p>
    
    <hr>
    
    <!-- لینک -->
    <h2>🔗 لینک‌های مفید</h2>
    <p>
        برای یادگیری بیشتر می‌تونید به 
        <a href="https://www.w3schools.com" target="_blank">W3Schools</a> 
        سر بزنید.
    </p>
    
    <!-- عکس -->
    <h2>🖼️ یه عکس نمونه</h2>
    <img src="https://via.placeholder.com/400x200?text=First+Web+Page" 
         alt="تصویر صفحه وب" 
         width="400">
    
    <hr>
    
    <!-- فوتر -->
    <p>📅 تاریخ ساخت: ۱۴۰۵</p>
    <p>✍️ ساخته شده با ❤️</p>
</body>
</html>
جلسه دوم کد نهایی برای تمرین

eitaa.com/Pythonfriend

1 مشاهده10:23

جاوااسکریپت یار

انشاالله بزودی میریم سراغ جلسه سوم

1 مشاهده18:13

جاوااسکریپت یار

کاربرد

مثال

<ul>

لیست نامرتب (نقطه‌ای)

<ul>...</ul>

<ol>

لیست مرتب (شماره‌ای)

<ol>...</ol>

<li>

آیتم لیست

<li>متن</li>

<table>

ساخت جدول

<table>...</table>

<tr>

سطر جدول

<tr>...</tr>

<th>

سرستون (هدر)

<th>عنوان</th>

<td>

سلول داده

<td>محتوا</td>

<thead>

هدر جدول

<thead>...</thead>

<tbody>

بدنه جدول

<tbody>...</tbody>

eitaa.com/Pythonfriend

1 مشاهده11:08

جاوااسکریپت یار

4:16

17.4M حجم رسانه بالاست

مشاهده در ایتا

جلسه سوم قسمت اول

eitaa.com/Pythonfriend

1 مشاهده12:03

جاوااسکریپت یار

3:43

15.7M حجم رسانه بالاست

مشاهده در ایتا

جلسه سوم قسمت دوم

eitaa.com/Pythonfriend

1 مشاهده12:10

جاوااسکریپت یار

<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>جلسه سوم - لیست و جدول</title>
</head>
<body>

    <!-- بخش لیست‌ها -->
    <h1>📝 لیست‌ها در HTML</h1>
    
    <h2>لیست نامرتب (نقطه‌ای):</h2>
    <ul>
        <li>برنامه‌نویسی وب</li>
        <li>طراحی گرافیک</li>
        <li>عکاسی</li>
    </ul>

    <h2>لیست مرتب (شماره‌ای):</h2>
    <ol>
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
    </ol>

    <hr>

    <!-- بخش جداول -->
    <h1>📊 جداول در HTML</h1>
    
    <h2>جدول اطلاعات کاربران:</h2>
    <table border="1" style="width: 100%; text-align: center;">
        <thead>
            <tr style="background-color: #f2f2f2;">
                <th>نام</th>
                <th>سن</th>
                <th>شهر</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>علی</td>
                <td>۲۵</td>
                <td>تهران</td>
            </tr>
            <tr>
                <td>سارا</td>
                <td>۲۲</td>
                <td>اصفهان</td>
            </tr>
            <tr>
                <td>رضا</td>
                <td>۳۰</td>
                <td>شیراز</td>
            </tr>
        </tbody>
    </table>

</body>
</html>
کد نهایی جلسه سوم برای تمرین

eitaa.com/Pythonfriend

1 مشاهده12:13

پرسش‌ها

قوانین

داغ‌ترین‌ها

چندسکویی