نحوه تنظیم متن ها درون کدهای html

مطالعه این مقاله : 4 دقیقه

نوشتن صحیح متن درون کدهای html

HTML برچسب های مختلفی را ارائه کرده که ما میتونیم از آنها برای ایجاد متن در صفحات وب استفاده کنیم. تا متفاوت از متن معمولی ظاهر شود ، به عنوان مثال می توانید از تگ برای متن پررنگ تر ، برچسب استفاده کنید تا متن به صورت نوشتار تبدیل شود ، برای نشان دادن متن ، یا تگ <code> برای نشان دادن بخشی از کدنویسی ، برچسب <ins> و <del> برای علامت گذاری درج و حذف و….. حال ، بیایید این را امتحان کنیم تا بفهمیم اساساً این برچسب ها چگونه کار می کنند:

متن ها در html

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

مثال های کاربردی

کد را امتحان کنید

<p>This is <b>novinwebhost</b>.</p>
<p>This is <strong>novinwebhost</strong>.</p>
<p>This is <i>novinwebhost</i>.</p>
<p>This is <em>novinwebhost</em>.</p>
<p>This is <mark>novinwebhost</mark>.</p>
<p>This is <code>novinwebhost</code>.</p>
<p>This is <small>novinwebhost</small>.</p>
<p>This is <sub>novin</sub> web <sup>host</sup> text.</p>
<p>This is <del>novinwebhost</del>.</p>
<p>This is <ins>novinwebhost</ins>.</p><p>This is <b>novinwebhost</b>.</p>

به طور پیش فرض ، برچسب معمولاً در مرورگر به صورت انجام وظیفه میکنه ، همانطور که برچسب به عنوان کار میکنه.

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

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

برچسب strong

مثال های کاربردی

کد را امتحان کنید

<p><strong>WARNING!</strong> Please proceed with caution.</p>
<p>The concert will be held at <b>Hyde Park</b> in London.</p>
<br><br><br>
<p>Cats are <em>cute</em> animals.</p>
<p>The <i>Royal Cruise</i> sailed last night.</p>

توجه: هنگامی که محتوای صفحه شما نیاز به کلمات یا عبارات خاص دارد میتوانید بخاطر اینکه نشان دهید از اهمیت ویژه ای برخوردارهستند از برچسب های em و strong استفاده کنید. در ضمن در HTML5 تگ های b و i دوباره تعریف شده اند

استفاده از نقل قول در سند html

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

مثال های کاربردی

کد را امتحان کنید

<p>Novin Web Host in 2014 managed by Gholamreza Jahandideh with a trained and experienced team in web hosting, domain registration in Iran and International, virtual and dedicated servers in the field of Internet</p>
<blockquote>
<p>From the very beginning with the intention of providing service and commitment to respond in a timely manner to the services and services provided to all compatriots of Islamic Iran</p>
<cite>&mdash; Gholamreza Jahandideh</cite>
</blockquote>
<p>We hope that by attracting more experts we will be able to achieve better goals.</p>

نکته: از تگ cite برای توصیف مرجع یک اثر و نویسنده استفاده می شود. این باید شامل عنوان آن اثر یا نام نویسنده (مردم یا سازمان) یا یک مرجع URL باشد.

نوع دیگر نوشتن نقل قول که بیشتر در متن های کوتاه و میان خطی نوشنه میشود تگ q هست که در سند html میتوان استفاده کرد . همانطور با نوع دیگری هم که با استفاده از تگ abbr انجام خواهیم داد که بصورت زیر خط دار به نمایش در می آید و زیبایی خاصی به متن های ما میدهد.خب بریم با مثالی بررسی کنیم و لذت ببریم.

تگ q , abbr

مثال های کاربردی

کد را امتحان کنید

<p>
    Do you know site management
    <q>  NovinWebHost.com  </q>
    Headed by the team of designers and authors of PHP and HTML languages
</p>
 <br><br>   
    
<p>
    Do you know site management
    <abbr title="World Wide Web Consortium">NovinWebHost</abbr>
    Headed by the team of designers and authors of PHP and HTML languages
    <abbr title="World Wide Web">Gholamreza Jahandideh</abbr>
    and Is very professional
</p>

نتیجه :

یادگرفتن چگونه با استفاده از برچسب های html در سند خودمون متن ها رو تنظیم وقالب بندی کنیم

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

ابر تگ ها :