مثال‌های پایه

از ویکی‌کد
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Html-menu.png
موارد آموزشی
۱خانه
۲مقدمه
۳ویرایشگرها
۴پایه
۵عنصرها
۶ویژگی‌ها
۷عنوان‌ها
۸پاراگراف‌ها
۹استایل‌ها
۱۰قالب‌بندی
۱۱نقل‌قول‌ها
۱۲توضیحات
۱۳رنگ‌ها
۱۴CSS
۱۵لینک‌ها
۱۶تصاویر
۱۷نقشه‌های تصویری
۱۸تصاویر پس‌زمینه
۱۹عنصر Picture
۲۰جداول
۲۱لیست‌ها
۲۲بلوک‌ها
۲۳کلاس‌ها
۲۴شناسه
۲۵Iframeها
۲۶جاوا اسکریپت
۲۷مسیرهای فایل
۲۸Head
۲۹چیدمان‌ها
۳۰واکنش‌گرا
۳۱کد کامپیوتری
۳۲معنایی‌ها
۳۳موجودیت‌ها
۳۴نماد‌ها
۳۵ایموجی‌ها
۳۶مجموعه کاراکترها
۳۷رمزگذاری URL
۳۸HTML و XHTML
۳۹راهنمای استایل
فرم‌های HTML
گرافیک در HTML
رسانه در HTML
APIها در HTML
مثال‌ها
مرجع HTML

اگر در این مثال‌ها از تگ‌هایی استفاده شده که شما آن را نیاموخته‌اید، نگران نباشد. در بخش بعدی در مورد آنها خواهید آموخت. [۱]

سندهای HTML

همهٔ سندهای HTML باید با یک اعلان نوع سند آغاز شوند: <!DOCTYPE html>

سند HTML خودش با <html> شروع و با </html> پایان می‌یابد.

بخش قابل مشاهده سند HTML بین و <body> قرار می‌گیرد.

مثال

1 <!DOCTYPE html>
2 <html>
3 <body>
4 
5 <h1>My First Heading</h1>
6 <p>My first paragraph.</p>
7 
8 </body>
9 </html>


مشاهدهٔ نتیجه


عنوان های HTML

عنوان‌های HTML با تگ‌های <h1> تا <h6> تعریف می‌شوند.

<h1> مهم‌ترین عنوان تعریف می‌شود.<h6> کم‌اهمیت‌ترین عنوان توصیف می‌شود:

مثال

1 <h1>This is heading 1</h1>
2 <h2>This is heading 2</h2>
3 <h3>This is heading 3</h3>


مشاهدهٔ نتیجه


پاراگراف های HTML

پاراگراف‌های HTML با تگ <p> تعریف می‌شوند:

مثال

1 <p>This is a paragraph.</p>
2 <p>This is another paragraph.</p>


مشاهدهٔ نتیجه


لینکهای HTML

لینک‌های HTML با تگ <a> تعریف می‌شوند:

مثال

<a href="https://wikicod.ir">This is a link</a>


مشاهدهٔ نتیجه


مقصد لینک در ویژگی href تعیین می‌شود.

ویژگی‌ها (به انگلیسی: Attributes) برای فراهم کردن اطلاعات اضافی در مورد عنصرهای HTML استفاده می‌شوند.

در مورد ویژگی‌ها در بخش بعدی بیشتر خواهید آموخت.

تصویرهای HTML

تصویرهای HTML با تگ <img> تعریف می‌شوند.

فایل منبع (src)، متن جایگزین (alt), عرض (width) و ارتفاع (height) بعنوان ویژگی‌ها فراهم می‌شوند:

مثال

<img src="w3schools.jpg" alt="WikiCod.ir" width="104" height="142">


مشاهدهٔ نتیجه


کلیدهای HTML

کلیدهای HTML با تگ <button> تعریف می‌شوند:

مثال

<button>Click me</button>


مشاهدهٔ نتیجه


لیست های HTML

لیست‌های HTML با تگ <ul> (لیست نامرتب / bullet) یا تگ <ol> (لیست مرتب / شماره دار) به همراه تگ‌های <li>) آیتم‌های لیست تعریف می‌شوند:

مثال

 1 <ul>
 2   <li>Coffee</li>
 3   <li>Tea</li>
 4   <li>Milk</li>
 5 </ul>
 6 
 7 <ol>
 8   <li>Coffee</li>
 9   <li>Tea</li>
10   <li>Milk</li>
11 </ol>


مشاهدهٔ نتیجه


منابع آموزشی