با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش html را دنبال می کنند. تاکنون در بخش های قبلی شما را با مفاهیم و ساختار کلی تگ ها و کاربرد html آشنا کردیم، همچنین مراحل کامل ایجاد و تست یک صفحه ی ساده ی html را در ویرایشگرهای ساده ای مانند notpad را ارائه کردیم. در ادامه ی آموزرش ها به آشنایی با تگ های مختلف html و کاربرد هر یک می پردازیم. و در این جلسه از آشنایی با تگ های اصلی html شروع می کنیم.
در ادامه ی مباحث این جلسه ما به بررسی چند نمونه از تگ های اصلی html و ساختار آن ها می پردازیم.
تمام اسناد و صفحات html باید با تگ توصیفی <!DOCTYPE html>
شروع شوند.
هر کدام از اسناد html با تگ <html>
شروع و با تگ <html/>
پایان می یابد.
بخش قابل مشاهده ی هر سند html که کاربر آن را می بیند بین تگ های <body>
و <body/>
قرار می گیرد.
1 2 3 4 5 6 7 8 9 10 | <!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> |
headingهای html با تگ های <h1>
تا <h6>
تعریف می شوند.
از تگ <h1>
برای تعریف هدینگ های بسیار مهم و برجسته و از تگ <h6>
نیز برای مشخص کردن هدینگ های کم اهمیت استفاده می شود.
1 2 3 4 5 6 7 8 9 10 11 12 13 | <!DOCTYPE html> <html> <body> <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> </body> </html> |
پاراگراف های html با تگ <p>
تعریف می شوند.
1 2 3 4 5 6 7 8 9 | <!DOCTYPE html> <html> <body> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html> |
لینک های html با تگ <a>
تعریف می شوند:
1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html> <html> <body> <h2>HTML Links</h2> <p>HTML links are defined with the a tag:</p> <a href="https://www.pvlearn.com">This is a link</a> </body> </html> |
صفت href
آدرسی که با آن لینک می شود را مشخص می کند.
صفات برای ارائه اطلاعات اضافی در مورد عناصر HTML استفاده می شود.
تصاویر HTML با تگ <img>
تعریف می شوند.
فایل منبع (src
)، متن جایگزین (alt
) و width
و height
به عنوان ویژگی ها ارائه می شود:
1 | <img src="http://codelab.pvlearn.com/images/pvlearn.png" alt="pvlearn.com" width="104" height="142"> |
button در HTML با تگ <button>
تعریف می شوند.
لیست های html با تگ <ul>
(لیست های نامرتب/لیست علامتدار) و تگ <ol>
(لیست های نامرتب/لیست شماره گذاری شده) و داخل آن ها آیتم های لیست با تگ <li>
تعریف می شوند.
برا طراحی بخش های مختلف یک صفحه وب تگ های متعدد و گسترده ای ارائه شده که از میان آن ها چند تگ به عنوان تگ های اصلی و پایه در هر صفحه وب وجود دارد از این رو در این بخش مباحث را به آشنایی با تگ های اصلی html اختصاص دادیم.
نجفی
سلام چرا همه مثال ها برام باز نمیشوند
پی وی لرن
سلام
با عرض پوزش، در حال بروز رسانی هستیم بزودی مشکل برطرف خواهد شد.
پی وی لرن
مشکل بر طرف شد می توانید بررسی نمایید