این متن ساده است و این است موربمتن

کد در مرورگر به این صورت است:

مسدود کردن . لیست ها

همراه با پاراگراف ها و سرفصل ها، عنصر مهم دیگری از صفحه وجود دارد - این لیست ها. چنین عناصری احتمالا برای همه کاربران اینترنت آشنا هستند. آنها بیانگر شمارش چیزی (فهرست) نقطه به نقطه هستند. در کنار هر آیتم لیست معمولاً یک دایره پر شده است (به آن می گویند نشانگرفهرست).

لیست ها با یک برچسب ایجاد می شوند

، که باید حاوی برچسب باشد
• . برچسب بزنید ulخود لیست و در تگ ها را تنظیم می کند لیآیتم های لیست باید مشخص شوند (یعنی یک لی مربوط به یک نشانگر لیست است). به خاطر داشته باشید که تگ های li به تنهایی قابل استفاده نیستند. نمونه را ببینید:
  • اولین مورد در لیست.
  • دومین مورد در لیست
  • سومین مورد در لیست

  کد در مرورگر به این صورت است:

  • اولین مورد در لیست.
  • دومین مورد در لیست
  • سومین مورد در لیست

  لیست های ایجاد شده از طریق برچسب ul، نامیده می شوند بی نظملیست ها این نام به آنها داده شد زیرا وجود دارند سفارش داده شدهلیست هایی که به جای نشانگرهای نقطه، نشانگرهای رقمی دارند. چنین لیست هایی به جای تگ ul دارای تگ هستند

  و موارد این گونه لیست ها نیز از طریق برچسب ها ایجاد می شوند لی.

  بیایید با استفاده از یک برچسب یک لیست مرتب شده ایجاد کنیم اول:

  1. اولین مورد در لیست.
  2. دومین مورد در لیست
  3. سومین مورد در لیست

  کد در مرورگر به این صورت است:

  1. اولین مورد در لیست.
  2. دومین مورد در لیست
  3. سومین مورد در لیست

  راحتی لیست‌های مرتب شده این است که می‌توانم یک آیتم فهرست جدید را در هر مکانی وارد کنم - و شماره‌گذاری خودش را بازسازی می‌کند (یعنی در صورت تغییر، مجبور نیستم آن را دنبال کنم، همانطور که اگر آن را مرتب می‌کردم می‌توانستم آن را دنبال کنم. به صورت دستی).

  مسدود کردن . پیوندها

  پیوندهاعناصری هستند که اینترنت را به اینترنت تبدیل می کنند. با کلیک روی لینک ها می توانیم از یک صفحه سایت به صفحه دیگر منتقل شویم. اگر آنها وجود نداشتند، اینترنت فقط مجموعه ای از صفحات بود که هیچ ربطی به یکدیگر ندارند.

  لینک به سایت phphtml.net.

  کد در مرورگر به این صورت است:

  لینک ها هستند مطلقو نسبت فامیلیعلاوه بر این، آنها می توانند هم به سایت شما و هم به سایت شخص دیگری منتهی شوند. این لحظات سخت بهتر از توصیف شده در متن نشان داده می شوند، بنابراین ویدیوی زیر را برای شما ساختم. آن را تماشا کنید و سپس به ادامه مطلب بروید:

  مسدود کردن . تصاویر

  حالا بیایید نحوه قرار دادن را دریابیم تصویردر صفحه ای در سایت شما این همان چیزی است که برچسب برای آن است. ، که دارای ویژگی مورد نیاز است src، که مسیر فایل تصویر را ذخیره می کند.

  چگونه کار می کند، بیایید به مثال زیر نگاه کنیم:

  

  کد در مرورگر به این صورت است:

  لطفا توجه داشته باشید که برچسب نیازی به برچسب بسته شدن ندارد.

  مسدود کردن . لینک ها در قالب تصویر

  ارتباط دادنمی تواند نه تنها متن، بلکه تصویر- برچسب برای آن کافی است در یک برچسب قرار دهید ، همانطور که در مثال زیر انجام شده است. روی تصویر کلیک کنید - و پیوند به وب سایت phphtml.net را دنبال خواهید کرد (برای بازگشت به کتاب بعدا - روی دکمه "بازگشت" در مرورگر کلیک کنید):

  

  کد در مرورگر به این صورت است:

  مسدود کردن . خط شکستن

  به یاد داشته باشید که اگر مثلاً دو پاراگراف در کنار هم بسازید چه اتفاقی می‌افتد - در این حالت، متنی که در هر یک از آنها وجود دارد با جدیدخطوط

  بیایید این را با مثال زیر ببینیم:

  این اولین پاراگراف است.

  این پاراگراف دوم است.

  کد در مرورگر به این صورت است:

  این اولین پاراگراف است.

  این پاراگراف دوم است.

  با این حال، موقعیت‌هایی وجود دارد که ما می‌خواهیم یک پاراگراف داشته باشیم، اما برخی از متن در آن از یک خط جدید شروع می‌شود. چرا ممکن است این مورد نیاز باشد؟ به عنوان مثال، من می خواهم یک شعر را تایپ کنم، اما نمی خواهم هر سطر آن را به یک پاراگراف جداگانه تقسیم کنم، زیرا این کار خیلی منطقی نخواهد بود.

  برای این کار در جایی که خط شکسته باید باشد، تگ را بنویسید
  . توجه داشته باشید که این تگ خاص است و تگ بسته شدن ندارد.

  بیایید با مثال زیر ببینیم چگونه کار می کند:

  این خط اول متن است
  و این دومی است

  کد در مرورگر به این صورت است:

  این خط اول متن است
  و این دومی است

  مسدود کردن . نظرات HTML

  تقریباً همه زبان های برنامه نویسی چیزی به نام "کامنت" دارند.

  برای اینکه صفحه وب ما قابل ارائه تر به نظر برسد، متن را به پاراگراف ها تقسیم می کنیم و عنوان را برجسته می کنیم. HTML دارای 6 سطح از عناوین بخش سند است که از 1 تا 6 شماره گذاری شده اند. عنوان ها توسط یک جفت تگ با اعداد مربوط به سطح اعلام می شوند.

  - سرفصل بخش سطح اول و
  - سرفصل سطح ششم. عنوان ها از نظر اندازه و عرض حروف با متن معمولی متفاوت هستند. عنوان سطح اول h1 معمولا با فونت بسیار بزرگ نمایش داده می شود، در حالی که عنوان سطح ششم h6 بسیار کوچک نمایش داده می شود.

  عناوین

  عناوین بخش‌های یک سند را با عنوان مورد بحث قبلی سند، که توسط عنصر تعریف شده است، اشتباه نگیرید. .

  از جمله اول به عنوان عنوان متن استفاده می کنیم - برای این کار کافی است آن را با برچسب ها محدود کنید

  و

  .

  برچسب ها را در متن فایل other.html درج کنید

  و

  به طوری که جمله اول متن را محدود می کنند و این قطعه کد به شکل زیر است:

  به صفحه شرکت SD خوش آمدید!

  بیایید به نتیجه به دست آمده نگاه کنیم.

  فایل را با انتخاب دستور منوی برنامه Notepad File - Save (File - Save) ذخیره کنید.

  عملیات ذخیره همیشه باید قبل از مشاهده سند انجام شود، زیرا با بارگذاری آن در حافظه رم کامپیوتر از روی دیسک، فایل را برای مشاهده باز می کند. اگر پس از ویرایش کد HTML فایل را ذخیره نکنید، هیچ پیکربندی در مرورگر مشاهده نخواهید کرد.

  پنجره مرورگر را با کلیک بر روی دکمه آن در نوار وظیفه بازیابی کنید.

  دکمه F5 یا دکمه Refresh را در نوار ابزار پنجره کاری برنامه فشار دهید. فایل other.html دوباره بارگذاری می شود و در پنجره مرورگر خواهید دید که عنوان سطح اول چگونه است.

  با تغییر اعداد در برچسب ها، عناوین 5 سطح دیگر را ببینید: h2، h3 و غیره پس از هر پیکربندی، فراموش نکنید که فایل را ذخیره کنید و تصویر را در پنجره مرورگر بازخوانی کنید.

  پس از اتمام آزمایش ها، دوباره برچسب ها را در فایل other.html بازیابی کنید

  .

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

  هم ترازی سرفصل

  به طور پیش فرض، عنوان در سمت چپ صفحه تراز شده است. اما همچنین می تواند تراز راست یا وسط باشد. برای تراز سمت راست در یک برچسب

  ویژگی align="right" و align="center" برای وسط استفاده می شود. نشانه آشکار تراز سمت چپ نیز مجاز است - align="left".

  به برچسب اضافه کنید

  ویژگی align="center" برای مرکزیت عنوان. این عنصر باید به شکل زیر باشد:

  به صفحه شرکت SD خوش آمدید!

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

  نحوه پررنگ کردن متن در HTML

  حالا بریم سراغ بقیه متن. اندازه آن را افزایش دهید و متن را به صورت مورب پررنگ کنید. از تگ های جفت شده برای تنظیم استایل پررنگ استفاده می شود .

  در باز کردن فایل other.html قرار دهید و بسته شدنبرچسب ها را به طوری که آنها متن را محدود می کنند در اینجا شما یاد خواهید گرفت ... این عنصر باید به شکل زیر باشد:

  نحوه ایتالیک کردن متن در HTML

  سبک کج با استفاده از برچسب ها تنظیم می شود .

  یک تگ HTML را در کد اولیه قرار دهید وبه طوری که عنصر ویرایش شده به شکل زیر باشد:

  در اینجا با فعالیت های ما آشنا می شوید محصولات نرم افزاریدر مورد شرکت ما و تجهیزاتی که تولید می کنیم

  عناصر نشانه گذاری می توانند تو در تو باشند، مانند این ساختار، جایی که عنصر …تو در تو در عنصر …. مرورگرهای مدرنمی تواند تگ های تودرتو را به درستی مدیریت کند. بنابراین، باید مطمئن شوید که ترتیب تودرتو نقض نشده است. در صورت خرابی تودرتو، مرورگر با مشکل مواجه خواهد شد. به عنوان مثال، موارد زیر نادرست است: …. تودرتو بخشی بسیار اساسی از فرهنگ کلی نوشتن کد HTML است.

  چگونه می توان متنی را در HTML خط دار کرد

  با چند تا تگ می‌توانید سبک خط‌دار یک متن را که با این برچسب‌ها مشخص شده است، و با استفاده از یک جفت تگ تنظیم کنید. - نمایش متن در فونت تله تایپ

  لازم به ذکر است که اخیراً برچسب ساده شده و خط کشی با استفاده از استایل ها انجام می شود. معادل . بله، آنالوگ جدید دست و پا گیرتر به نظر می رسد، اما متاسفانه درست تر است. نکته اصلی در این مورد این است که نوع حجیم مرورگر متقابل است، به عبارت دیگر، برای همه مرورگرها مناسب است، زمانی که همه مرورگرها پشتیبانی نمی کنند.

  نحوه افزایش متن در HTML

  حالا بیایید اندازه فونت متن را افزایش دهیم. این را می توان به روش های مختلف انجام داد.

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

  تگ ها را به ترتیب به ابتدا و انتهای کد بالا اضافه کنید وبه طوری که عنصر شکل زیر را به خود می گیرد:

  در اینجا با فعالیت های ما، محصولات نرم افزاری شرکت و تجهیزاتی که تولید می کنیم آشنا خواهید شد.

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

  روش دیگر برای تعیین اندازه فونت با تگ است. با ویژگی اندازه از اعداد صحیح از 1 تا 7 به عنوان مقادیر برای این ویژگی استفاده می شود. در این حالت، مقدار 1 مربوط به کوچکترین اندازهفونت، و مقدار 7 بزرگترین است.

  استفاده به جای برچسب مشاهده برچسب ها ، ببینید که چگونه اندازه قلم متن با مقادیر مختلف ویژگی اندازه تغییر می کند - از 1 تا 7.

  همچنین می توانید از اعداد 1 تا 7 با علامت + (به علاوه) یا - (منهای) به عنوان مقدار مشخصه اندازه استفاده کنید. در این مورد، اندازه فونت در مقایسه با اولیه، به عنوان مثال، برچسب ها، بر اساس آن افزایش یا کاهش می یابد. اندازه فونت را در مقایسه با فونت فعلی یک سطح افزایش می دهد. بررسی.

  5 را به عنوان مقدار مشخصه اندازه برای قطعه متن مورد نظر تنظیم کنید: . کد HTML این قطعه باید به شکل زیر باشد:

  در اینجا با فعالیت های ما، محصولات نرم افزاری شرکت و تجهیزاتی که تولید می کنیم آشنا خواهید شد..

  در برچسب ها ویژگی رنگ همچنین می تواند برای تعیین رنگ فونت که توسط برچسب های متنی مشخص شده است استفاده شود. مقادیر این ویژگی مانند ویژگی هایی است که قبلاً مورد بحث قرار گرفت که رنگ پس زمینه و متن سند را توصیف می کند.

  به طور پیش فرض، پاراگراف با متن Here You'll Know... تراز چپ است. آن را به صورت افقی با برچسب ها وسط قرار دهید

  . همچنین می توانید یک پاراگراف را با استفاده از برچسب ها در سمت راست صفحه تراز کنید. یا در سمت چپ - با استفاده از برچسب ها .

  برچسب ها را بچسبانید

  محدود کردن آنها به پاراگراف تعیین شده.

  توجه داشته باشید که ما از تگ ها برای وسط پاراگراف استفاده کردیم

  بر خلاف ویژگی align="center" که در تگ ها اعمال کردیم
  .

  توجه! برای برچسب های 2010 ,

  , , منسوخ تلقی می شوند و بنابراین لازم است از آنالوگ های سبک استفاده شود. این بدان معنا نیست که نمی توانید از آنها استفاده کنید، اما اگر می توانید سعی کنید از شر آنها خلاص شوید.

  =

  =

  =

  =

  =مقدار زیادیویژگی های توسعه یافته;">

  همچنین تعداد زیادی برچسب منسوخ دیگر وجود دارد که در این مقاله نمی توان آنها را توضیح داد، بنابراین بهتر است بلافاصله با وب سایت های تخصصی در این زمینه آشنا شوید. اما اصلی ها را کمی بالاتر اینجا گذاشتم

  کدهای انتخاب

  زبان HTML دو رویکرد را برای انتخاب فونت قطعات متنی امکان پذیر می کند. از یک طرف، می توانید مستقیماً نشان دهید که فونت در یک بخش خاص از متن می تواند پررنگ یا مورب باشد، به عبارت دیگر، همانطور که در این آزمایش انجام دادیم، نشان دادن سبک قلم متن واضح است. از سوی دیگر، ممکن است هر قطعه متنی را به عنوان دارای نوعی سبک منطقی که زیباتر از حد معمول است علامت گذاری کنیم و مرورگر را وادار به تفسیر آن سبک کنیم. به این ترتیب سبک منطقی نقش یک قطعه متن را نشان می دهد، مثلاً اهمیت زیاد آن در مقایسه با متن معمولی یا نقل قول بودن این قطعه را نشان می دهد. در کار خود می توانید از تگ های بعدی که سبک های منطقی را تعریف می کنند استفاده کنید. بررسی کنید که چگونه کار می کنند مرورگرهای مختلف.

  - برای تعریف یک کلمه استفاده می شود. متن به صورت پیش فرض به صورت مورب نمایش داده می شود.

  - برای برجسته کردن کلمات و تقویت. متن به صورت پیش فرض به صورت مورب نمایش داده می شود.

  - برای برجسته کردن عناوین کتاب ها، فیلم ها، اجراها و غیره که به صورت پیش فرض به صورت مورب نمایش داده می شوند.

  - برای قطعات کد برنامه. بر روی صفحه نمایش با فونت با عرض ثابت نشان داده شده است.

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

  - برای نمایش پیام های برنامه خدمت می کند. با فونت با عرض ثابت نمایش داده می شود. برچسب منسوخ شده است.

  - برای قطعات بسیار مهم. معمولا به صورت پررنگ مشخص می شود.

  - برای نشان دادن اینکه یک قطعه متن یا یک کلمه یک متغیر کاراکتر است استفاده می شود، به عبارت دیگر متنی که می تواند با عبارات مختلف جایگزین شود. به صورت پیش فرض به صورت مورب نمایش داده می شود. برچسب منسوخ شده است.

  مشخصات HTML 4.0 با استفاده از زبان CSS Cascading Style Sheets روش پیشرفته‌تری برای تعیین سبک‌ها برای متن و سایر بخش‌ها ارائه می‌دهد. استایل شیت ها دستاورد بزرگی در زمینه طراحی وب هستند و توانایی بهبود ظاهر صفحات را گسترش می دهند. برگه‌های سبک تعریف فاصله خطوط، تورفتگی، رنگ‌های مورد استفاده برای متن و پس‌زمینه، اندازه فونت و سبک‌ها و غیره را آسان می‌کنند. به عنوان مقدار ویژگی style، از جفت هایی از فرم "property: value" استفاده می شود. به عنوان مثال، در یک قطعه کد که عنوان یک بخش را توصیف می کند،

  ویژگی style="color: blue" مشخص می کند که ویژگی رنگ روی آبی تنظیم شده است، یعنی متن عنوان سطح اول باید به رنگ آبی نمایش داده شود.

  تراز سبک

  بیایید ببینیم چگونه از زبان شیوه نامه آبشاری برای تعیین سبک یک قطعه متنی که با کلمات شروع می شود استفاده کنیم.

  برای تعیین وزن قلم، از ویژگی font-weight با مقادیر lighter (narrow)، bold (bold)، bolder (bold) استفاده کنید، به عنوان مثال، style="font-weight: bold".

  برای تعریف سبک کج، از ویژگی font-style با مقدار italic استفاده کنید. بنابراین، برای کج کردن متن پررنگ، باید ویژگی style را مانند این پیدا کنید: style="font-weight: bold; font-style: italic". لطفا توجه داشته باشید: مشخصه ها را می توان به هر ترتیبی قرار داد و باید با نقطه ویرگول از هم جدا شوند.

  اگر نیاز به تعیین اندازه قلم دارید، باید از ویژگی font-size استفاده کنید که مقادیر آن را می توان در مقادیر نسبی یا مطلق مشخص کرد. مقادیر نسبی درصد هستند و مقادیر مطلق نقاط (pt)، پیکسل (px)، سانتی متر (سانتی متر)، میلی متر (mm) هستند. مثلا:

  style="font-size: 200%"

  style="font-size: 16pt"

  style="font-size: 100px"

  با تعیین اندازه های مطلق به جای نسبی، کاربرانی را که به صفحات شما نگاه می کنند، از افزایش یا کاهش اندازه فونت با استفاده از دستور منوی مرورگر مطابق با دید و وضوح مانیتور محروم می کنید. فونت ها فقط در اندازه ای که شما مشخص کرده اید نمایش داده می شوند. بنابراین بهتر است اندازه فونت را به صورت درصدی مشخص کنید. در این صورت، اندازه فونت با درصد مشخص شده کوچکتر یا بزرگتر از زمانی خواهد بود که با آن طراحی شده است. کمک HTMLبرچسب پیش فرض

  برای تعیین روش تراز افقی برای متن، استفاده کنید ویژگی text-alignبا مقادیر چپ (سمت چپ)، راست (راست)، مرکز (در مرکز)، توجیه (در عرض). به این ترتیب، برای نشان دادن اینکه متنی که در اینجا خواهید آموخت ... باید به صورت مورب پررنگ با اندازه 150 درصد اولیه و تراز وسط باشد، استایل آن را باید به صورت زیر پیدا کنید:

  style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center"

  ما این ویژگی را در تگ ها اعمال خواهیم کرد<р>، که به شما امکان می دهد متن را به عنوان یک پاراگراف جداگانه ارائه دهید.

  ویرایش کنید عنصر HTML, از جمله متن در اینجا با حذف برچسب ها متوجه خواهید شد ...

  , , , و درج تگ ها<р>وبا ویژگی style به طوری که این عنصر به شکل زیر باشد:

  <р style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center">در اینجا با فعالیت های ما، محصولات نرم افزاری شرکت و تجهیزاتی که تولید می کنیم آشنا خواهید شد.

  می بینید، زبان HTML به شما اجازه استفاده می دهد روش های مختلفطراحی سبک در عین حال استفاده از زبان جداول آبشاری سبک های cssمطلوب تر است.

  سایر گزینه های تراز و سبک

  ما فقط یک مورد استفاده از زبان شیوه نامه را دیده ایم که در آن تعریف سبک به طور خاص در برچسب عنصری که شما توضیح می دهید قرار می گیرد.

  این کار با استفاده از ویژگی style انجام می شود که در اکثر استانداردها استفاده می شود تگ های HTML. اما کاربردهای دیگری برای CSS وجود دارد.

  در HTML استاندارد، بدون معرفی شیوه نامه، برای تخصیص پارامترهای خاصی به هر عنصر، مانند رنگ، اندازه، موقعیت در صفحه و مواردی از این دست، باید هر بار این ویژگی ها را برای هر عنصر مشخص کنید، حتی اگر قرار دادن 10 صفحه در یک صفحه الزامی است. شما باید همان کد HTML را 10 بار در صفحه وارد کنید و حجم فایل و زمان دانلود از شبکه را افزایش دهید.

  استایل شیت ها به روشی متفاوت، راحت تر و اقتصادی عمل می کنند. برای اختصاص دادن ویژگی های خاص به هر عنصر، ابتدا باید این عنصر را ترسیم کنید و این توصیف را به عنوان یک سبک بیابید و در آینده به سادگی نشان دهید که عنصری که می خواهید به طور مناسب استایل کنید باید ویژگی های سبکی را که توضیح دادید به خود بگیرد. . راحت است، اینطور نیست؟

  علاوه بر این، می توانید شرح سبک را نه در متن صفحه وب خود، بلکه در یک فایل جداگانه ذخیره کنید - این به شما امکان می دهد از توضیحات سبک در هر تعداد صفحه وب استفاده کنید. و یکی دیگر از مزایای مرتبط، امکان تغییر طراحی هر تعداد صفحه، تصحیح تنها توضیحات سبک در یک فایل جداگانه است.

  علاوه بر این، زبان شیوه نامه به شما امکان می دهد حتی بیشتر با طراحی فونت صفحات کار کنید بالاترین سطحنسبت به HTML استاندارد

  AT زمان فعلیزبان CSS تعداد نسبتا زیادی گزینه برای بخش هایی از HTML دارد که می تواند آن ها را کنترل کند. با استفاده از "ایمن"، به عبارت دیگر، با بیشترین تعداد مرورگر سازگار است عناصر css- ویژگی های فونت، رنگ قطعات و پس زمینه، مشخصات متن و حاشیه - می توانید کار خود را بسیار آسان کرده و صفحات وب خود را از نظر طراحی متن جذاب تر کنید.

  برچسب بزنید در HTML یک قطعه از متن را ایتالیک می کند.

  تگ HTML به برچسب های قالب بندی فیزیکی اشاره دارد. سبک فونت را با یک برچسب تغییر دهید سبکی است

  انجام دادن متن HTMLحروف کج نیز با استفاده از تگ قابل انجام است. در این صورت، متن به طور منطقی انتخاب شده (از نظر معنی)، "زیر خط دار" در نظر گرفته می شود.

  مشخصات HTML5 اولویت دادن به برچسب‌های قالب‌بندی منطقی را توصیه می‌کند: قطعات مهم متن - برچسب، لهجه‌ها - برچسب، عنوان‌های فرعی - برچسب‌ها، برجسته کردن متن - برچسب. متن را با یک برچسب به صورت مورب درآورید تنها در صورتی دنبال می شود که کاراکتر انتخاب با هیچ یک از برچسب های قالب بندی منطقی مطابقت نداشته باشد.

  انواع انتخاب متن در مقاله شرح داده شده است:.

  نحو

  متن به صورت مورب

  نمایش در مرورگر

  مثال استفاده در کد HTML

  
  
  
  
  
  
  

  متن ساده که می تواند در هر سایتی قرار گیرد. در اینجا متن به صورت مورب آمده است