Loading...
مثال های پایه HTML
در مورد استفاده شدن تگ هایی که یاد نگرفته اید در مثال ها نگران نباشید. در فصل های بعد آن ها را یاد خواهید گرفت.
اسناد HTML
تمامی اسناد HTML باید با یک اعلام نوع سند یعنی <!DOCTYPE html> شروع شوند.
خود سند HTML با تگ <html> شروع و با تگ </html> پایان می یابد.
بخش قابل مشاهده هر سند HTML در بین دو تگ <body> و </body> قرار می گیرد. به مثال زیر توجه کنید.
1 2 3 4 5 6 7 8 9 | <!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> |
عنوان ها (Heading)
عنوان ها در HTML با استفاده از تگ های <h1> تا <h6> تعریف می شوند. <h1> مهمترین عنوان را تعریف می کند و با بیشتر شدن عدد از اهمیت عنوان کاسته می شود.
1 2 3 | <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> |
پاراگراف ها (Paragraph)
پاراگراف ها در HTML با تگ <p> تعریف می شوند.
1 2 | <p>This is a paragraph.</p> <p>This is another paragraph.</p> |
لینک ها (Link)
لینک ها در HTML با استفاده از تگ <a> تعریف می شوند.
1 | <a href="https://www.w3schools.com">This is a link</a> |
مقصد لینک ها در صفت href مشخص می شود. صفت ها برای ارائه اطلاعات بیشترد مورد عناصر استفاده می شوند. در مورد صفت ها در فصل بعد مطالب بیشتری یاد خواهید گرفت.
عکس ها (Image)
عکس ها در HTML با تگ <img> تعریف می شود. در تگ <img> آدرس فایل منبع (src)، متن جایگزین (alt)، عرض و ارتفاع به عنوان صفات ارائه می شود.
1 | <img src="image.jpg" alt="not found" width="104" height="142"> |
دکمه ها (Button)
دکمه ها در HTML با تگ <button> تعریف می شوند.
1 | <button>Click me</button> |
لیست ها (List)
لیست ها در HTML با تگ <ul> یا <ol> ایجاد می شوند. سپس در درون این تگ ها، تگ های <li> یا همان آیتم های لیست تعریف می شوند.
1 2 3 4 5 | <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> |
هیچ نظری ثبت نشده است