آموزش و کاربرد تگ q در HTML

0 دیدگاه 127 آموزش html

آموزش و کاربرد تگ q در HTML

سلام خدمت شما دوستان و همراهان همیشگی وب سایت پاسخ وردپرس در خدمت شما هستم با یک دیگه از جلسات آموزش html در این جلسه آموزش و کاربرد تگ q در HTML به صورت کامل مورد برسی قرار خواهیم داد.

برای ایجاد نقل قول های کوتاه در HTML از این تگ استفاده می شود. متنی که در داخل تگ q نوشته می شود در بین دو دابل کوتیشین قرار می گیرد.

از این تگ می‌توانید به صورت تنهایی یا درون تگ های پاراگراف استفاده نمایید و بخش هایی از پاراگرافتان را به صورت نقل قول در بیاورید.

این تگ از عناصر inline level می‌باشد که از آن در عناصر Block Level استفاده می‌شود.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>replywp.com</title>
    <style>
        q{
            background-color: #eee;
            padding: 5px;
            color: red;

        }

    </style>
</head>
<body>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam assumenda culpa cum aliquam quod rem, quidem <q cite="https://replywp.com">
    آموزش html 
</q> reprehenderit eaque quam facilis dolor aut veritatis impedit est non quis illum ad inventore.</p>
</body>
</html>

<!DOCTYPE html>

<head>

<title>replywp.com</title>

<style>

background-color: #eee;

padding: 5px;

color: red;

}

</style>

</head>

<body>

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam assumenda culpa cum aliquam quod rem, quidem <q cite="https://replywp.com">

آموزش html

</q> reprehenderit eaque quam facilis dolor aut veritatis impedit est non quis illum ad inventore.</p>

</body>

</html>

این تگ همه خواص عمومی موجود در HTML را پشتیبانی می کند، برای مشاهده خواص عمومی می‌توانید مقالات ما در رابطه با خواص عمومی را مشاهده کنید.

بررسی تگ <q> در HTML 4.01 و HTML5

تگ <q> در نسخه HTML5 ، نسخه HTML4.01 و نسخه های قدیمی تر پشتیبانی می شود. و در نسخه های مختلف سند HTML هیچ تفاوتی از نظر کاربرد این تگ وجود ندارد.

معرفی تگ blockquote

از تگ blockquote در HTML برای نمایش نقل قول استفاده می‌شود این تگ یک عنصر block level یا بلاکی است و درصورتی که یک نقل قول طولانی و بلاکی داشته باشیم می توانیم از این تگ استفاده نماییم .
متن درون تگ با یک تورفتگی نمایش داده می شود . برای درک بهتر کاربرد تگ در طراحی سایت به مثال زیر توجه کنید :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>replywp.com</title>
    <style>
        blockquote{
            background-color: #aaa;
        }
    </style>
</head>
<body>
<blockquote cite="https://replwyp.com">
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eos iste, autem cupiditate rerum, recusandae voluptates qui et accusantium praesentium amet non facere veritatis eveniet natus tempora culpa sed eligendi a?

</blockquote>
</body>
</html>

<!DOCTYPE html>

<head>

<title>replywp.com</title>

<style>

blockquote{

background-color: #aaa;

}

</style>

</head>

<body>

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eos iste, autem cupiditate rerum, recusandae voluptates qui et accusantium praesentium amet non facere veritatis eveniet natus tempora culpa sed eligendi a?

</blockquote>

</body>

</html>

سبک نگارش تگ blockquote
تمامی مرورگرها به صورت پیش فرض تگ blockquote را با سبک نگارش و یا استایل زیر نمایش می‌دهند که البته شما می‌توانید با استفاده از CSS این سبک نگارش را تغییر دهید .

دانلود فایل این جلسه

برای نصب نرم افزار برای کد نویسی html از لینک زیر استفاده فرمایید.

آموزش نرم افزار های مورد نیاز طراحی وب سایت

در صورت که به طراحی وب آشنایی ندارید میتوانید از آموزش زیر استفاده فرمایید .

طراحی وب

در صورت که میخواهید به صورت حرفه ای طراحی وب را فرا بگیرید از لینک زیر استفاده فرمایید .

آموزش css html آموزش HTML5 CSS3

در یافت تمام جلسات آموزش مرحله به مرحله html از لینک زیر استفاده فرمایید.

آموزش html

میانگین رتبه 3.7/5 تعداد رای : 3

آموزش و کاربرد تگ q در HTML