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

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

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

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

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

سلام به دوستان این پیوی بنده هست هر سوالی داشته اید در خدمت هستم

@mohsensolemani

1 مشاهده12:22

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

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

1 مشاهده10:01

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

خلاصه تگ‌های این جلسه

تگ/صفت

کاربرد

<form>

کانتینر اصلی فرم

<input>

انواع ورودی‌ها (متن، رمز، ایمیل و...)

<textarea>

ورودی چند خطی

<select>

لیست کشویی

<option>

گزینه‌های داخل لیست کشویی

<label>

برچسب برای هر ورودی (برای دسترسی‌پذیری مهمه)

type="submit"

دکمه ارسال فرم

required

اجباری بودن فیلد

eitaa.com/Pythonfriend

1 مشاهده12:16

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

9:45

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

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

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

eitaa.com/Pythonfriend

1 مشاهده12:33

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

1:06

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

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

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

eitaa.com/Pythonfriend

1 مشاهده12:38

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

eitaa.com/Pythonfriend

1 مشاهده12:43

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

1:41

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

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

جلسه چهارم قسمت چهارم

eitaa.com/Pythonfriend

1 مشاهده12:47

پرسش‌ها

قوانین

داغ‌ترین‌ها

چندسکویی