راهنمای HTML : راهنمای HTML برای سینتکس و اعمال رایج

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

تگ‌های HTML باید به خاطر ارزش معنایی‌شان استفاده شوند، نه ظاهرشان. همیشه می‌توان ظاهر و حس یک تگ خاص را با استفاده از CSS کاملاً تغییر داد، بنابراین هنگام استفاده از HTML، وقت بگذارید و روی معنا تمرکز کنید نه ظاهر.

عناصر درون‌خطی

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

استفاده	عنصر	مثال
یک لینک	<a>	<a href="https://example.org"> A link to example.org</a>.
یک تصویر	<img>	<img src="beast.png" width="50" />
یک کانتینر درون خطی	<span>	Used to group elements: for example, to <span style="color:blue">style them</span>.
تأکید بر متن	<em>	<em>I'm posh</em>.
متن ایتالیک	<i>	Mark a phrase in <i>italics</i>.
متن پررنگ	<b>	Bold <b>a word or phrase</b>.
متن مهم	<strong>	<strong>I'm important!</strong>
متن برجسته	<mark>	<mark>Notice me!</mark>
متن خط خورده	<s>	<s>I'm irrelevant.</s>
زیرنویس	<sub>	H<sub>2</sub>O
متن کوچک	<small>	Used to represent the <small>small print </small>of a document.
آدرس	<address>

عناصر بلوک

از سوی دیگر، «عناصر بلوکی» کل عرض یک صفحه وب را اشغال می‌کنند. آن‌ها همچنین یک خط کامل از یک صفحه وب را اشغال می‌کنند؛ آن‌ها در کنار هم قرار نمی‌گیرند. در عوض، آن‌ها مانند پاراگراف‌ها در یک مقاله یا بلوک‌های اسباب‌بازی در یک برج، روی هم قرار می‌گیرند. از آنجا که این برگه تقلب به چند عنصر محدود می‌شود که ساختارهای خاص را نشان می‌دهند یا معانی خاصی دارند، عنصر div عمداً گنجانده نشده است - زیرا عنصر div هیچ چیزی را نشان نمی‌دهد و هیچ معنای خاصی ندارد.

استفاده	عنصر	مثال
یک پاراگراف ساده	<p>	<p>I'm a paragraph</p> <p>I'm another paragraph</p>
یک نقل قول گسترده	<blockquote>	They said: <blockquote>The blockquote element indicates an extended quotation.</blockquote>
اطلاعات تکمیلی	<details>	<details> <summary>HTML Cheat Sheet</summary> <p>Inline elements</p> <p>Block elements</p> </details>
یک لیست نامرتب	<ul>	<ul> <li>I'm an item</li> <li>I'm another item</li> </ul>
یک لیست مرتب	<ol>	<ol> <li>I'm the first item</li> <li>I'm the second item</li> </ol>
یک فهرست تعریفی	<dl>	<dl> <dt>A Term</dt> <dd>Definition of a term</dd> <dt>Another Term</dt> <dd>Definition of another term</dd> </dl>
یک خط‌کش افقی	<hr>	before<hr />after
عنوان متن	<h1>-<h6>	<h1> This is Heading 1 </h1> <h2> This is Heading 2 </h2> <h3> This is Heading 3 </h3> <h4> This is Heading 4 </h4> <h5> This is Heading 5 </h5> <h6> This is Heading 6 </h6>