مثال های پایه HTML
در مورد استفاده شدن تگ هایی که یاد نگرفته اید در مثال ها نگران نباشید. در فصل های بعد آن ها را یاد خواهید گرفت.
اسناد HTML
تمامی اسناد HTML باید با یک اعلام نوع سند یعنی شروع شوند.
خود سند HTML با تگ شروع و با تگ پایان می یابد.
بخش قابل مشاهده هر سند HTML در بین دو تگ و قرار می گیرد. به مثال زیر توجه کنید.
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 با استفاده از تگ های
تا تعریف می شوند. مهمترین عنوان را تعریف می کند و با بیشتر شدن عدد از اهمیت عنوان کاسته می شود.
1 2 3 | <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> |
پاراگراف ها (Paragraph)
پاراگراف ها در HTML با تگ
تعریف می شوند.
1 2 | <p>This is a paragraph.</p> <p>This is another paragraph.</p> |
لینک ها (Link)
لینک ها در HTML با استفاده از تگ تعریف می شوند.
1 | <a rel="nofollow noopener" target="_blank" href="https://www.w3schools.com">This is a link</a> |
مقصد لینک ها در صفت href مشخص می شود. صفت ها برای ارائه اطلاعات بیشترد مورد عناصر استفاده می شوند. در مورد صفت ها در فصل بعد مطالب بیشتری یاد خواهید گرفت.
عکس ها (Image)
عکس ها در HTML با تگ تعریف می شود. در تگ
آدرس فایل منبع (src)، متن جایگزین (alt)، عرض و ارتفاع به عنوان صفات ارائه می شود.
1 | <img src="image.jpg" alt="not found" width="104" height="142"> |
دکمه ها (Button)
دکمه ها در HTML با تگ تعریف می شوند.
1 | <button>Click me</button> |
لیست ها (List)
لیست ها در HTML با تگ
- یا
1 2 3 4 5 | <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> |
هیچ نظری ثبت نشده است