در این فصل، چند مثال ساده از HTML را نشان میدهیم.
نگران نباشید اگر با بعضی از تگهایی که استفاده میکنیم هنوز آشنا نیستید.
🔹 اسناد HTML
تمام اسناد HTML باید با یک اعلان نوع سند (Document Type Declaration) آغاز شوند:
<!DOCTYPE html>
سند HTML با <html> شروع و با </html> پایان مییابد.
قسمت قابل مشاهده صفحه وب بین تگهای <body> و </body> قرار دارد.
✅ مثال:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
🔹 اعلان <!DOCTYPE>
اعلان <!DOCTYPE> نوع سند را مشخص میکند و به مرورگرها کمک میکند تا صفحات وب را بهدرستی نمایش دهند.
<!DOCTYPE html>
🔹 سرفصلها در HTML
سرفصلهای HTML با تگهای <h1> تا <h6> تعریف میشوند.
✅ مثال:
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
🔹 پاراگرافها در HTML
پاراگرافها با استفاده از تگ <p> تعریف میشوند.
:مثال ✅
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
🔹 لینکها در HTML
لینکها با تگ <a> تعریف میشوند.
✅ مثال:
<a href="https://codoloper.liara.run">This is a link</a>
🔸 ویژگیها (attributes) برای ارائه اطلاعات اضافی در مورد عناصر HTML استفاده میشوند.
در فصلهای بعدی بیشتر درباره ویژگیها یاد خواهید گرفت.
🔹 تصاویر در HTML (Images)
تصاویر با استفاده از تگ <img> تعریف میشوند.
همگی به صورت ویژگی تعریف میشوند.
✅ مثال:
<img src="codoloper.jpg" alt="codoloper.liara.run" width="104" height="142">
🔹 چگونه کد HTML را مشاهده کنیم؟
شاید تا به حال به یک صفحه وب نگاه کرده باشید و با خود بگویید: "چطور این کار رو کردن؟"
🔍 دیدن کد منبع HTML:
🔧 بازرسی عناصر HTML:
این محتوا کاملا رایگان توسط تیم کدلپر ترجمه شده و در اختیار شما کاربران عزیز قرار گرفته است، هر گونه کپی برداری برای مقاصد غیر رایگان و بدون ذکر منبع، مورد پیگیری قانونی قرار میگیرد.
ترجمه شده از منبع: https://www.w3schools.com/