آموزش قالب‌بندی متن در HTML: استفاده از تگ‌ها و CSS برای استایل‌دهی

< h1 > عنوان اصلی < / h1 >
< h2 > عنوان فرعی < / h2 >

< p > این یک پاراگراف نمونه است. < / p >

خط اول < br > خط دوم

< b > این متن پررنگ است. < / b >

< strong > این متن مهم است. < / strong >

< i > این متن مورب است. < / i >

< em > این متن برجسته است. < / em >

< mark > این متن برجسته شده است. < / mark >

< u > این متن زیرخط‌دار است. < / u >

< del > این متن حذف شده است. < / del >
< ins > این متن اضافه شده است. < / ins >

p {
    color: blue;
}

h1 {
    font-size: 2em;
}

body {
    font-family: Arial, sans-serif;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

p {
    line-height: 1.5;
}

h1 {
    text-align: center;
}

p {
    text-indent: 20px;
}

a {
    text-decoration: none;
}

h2 {
    text-transform: uppercase;
}

< ! DOCTYPE html >
< html lang="fa" dir="rtl" >
< head >
    < meta charset="UTF-8" >
    < meta name="viewport" content="width=device-width, initial-scale=1.0" >
    < meta name="description" content="آموزش قالب‌بندی متن در HTML و CSS" >
    < meta name="keywords" content="HTML, CSS, قالب‌بندی متن, استایل‌دهی" >
    < meta name="author" content="نام شما" >
    < title > آموزش قالب‌بندی متن < / title >
    < style >
        body {
            font-family: Tahoma, Arial, sans-serif;
            line-height: 1.6;
            margin: 20px;
        }
        h1, h2 {
            text-align: center;
            color: #4CAF50;
        }
        p {
            color: #555;
            font-size: 1em;
            text-indent: 20px;
        }
        .highlight {
            background-color: yellow;
            font-weight: bold;
        }
        a {
            color: blue;
            text-decoration: none;
        }
        a:hover {
            text-decoration: underline;
        }
    < / style >
< / head >
< body >
    < header >
        < h1 > آموزش قالب‌بندی متن < / h1 >
        < h2 > HTML و CSS < / h2 >
    < / header >
    < main >
        < section >
            < h3 > تگ‌های پرکاربرد HTML < / h3 >
            < p > HTML مجموعه‌ای از تگ‌ها را ارائه می‌دهد که می‌توانید برای < strong > قالب‌بندی متن < / strong > استفاده کنید. برخی از این تگ‌ها عبارتند از: < em >تگ‌های پررنگ، مورب، و برجسته.< / em > < / p >
            < p class="highlight" > این متن با CSS برجسته شده است. < / p >
        < / section >
        < section >
            < h3 > استایل‌دهی متن با CSS < / h3 >
            < p > با استفاده از CSS می‌توانید متن‌های خود را رنگی، < u > زیرخط‌دار < / u > یا با فونت دلخواه نمایش دهید. < / p >
        < / section >
        < footer >
            < p > برای اطلاعات بیشتر، به < a href="https://example.com" target="_blank" > وب‌سایت ما < / a > مراجعه کنید. < / p >
        < / footer >
    < / main >
< / body >
< / html >