فروشگاه همواره تخفیف 2050
0 محصولات نمایش سبد خرید

هیچ محصولی در سبد خرید نیست.

کد هایه اصلی HTML.

در این قسمت چند مثال اساسی از کد هایه اصلی HTML میزنیم .

اگر از برچسب هایی استفاده می کنید که هنوز درباره اونا چیزی نمیدونید ، نگران نباشید، در ادامه تمام آن ها را توضیح میدهیم .

تمام اسناد HTML باید با اعلان نوع سند شروع شوند: <! DOCTYPE html>.

خود سند HTML با <html> آغاز می شود و با <html> خاتمه می یابد.

قسمت قابل مشاهده سند HTML بین <body> و </body> است.

برای مثال :

 <!DOCTYPE html>
<html>
<body>

<h1>اولین تیتر </h1>
<p>اولین پاراگراف </p>

</body>
</html> 

اعلامیه <! DOCTYPE>



عبارت <! DOCTYPE> نشانگر نوع سند است و به مرورگرها کمک می کند صفحات وب را به درستی نمایش دهند.

فقط باید یک بار ، در بالای صفحه (قبل از هر تگ HTML) ظاهر شود.

اعلامیه <! DOCTYPE> حساس نیست.

عبارت <! DOCTYPE> برای HTML5 عبارت است از:


<!DOCTYPE html>

عناوین HTML

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

<h1> مهمترین عنوان را تعریف کنید. <h6> عنوانی با کمترین اهمیت را نشون میده :
مثال

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

پاراگراف HTML


از کد هایه اصلی HTML میتوان :
پاراگراف HTML با برچسب <p> تعریف شده است:

مثال

 <p>این یک پاراگرافه </p>
<p>این یک پاراگرافه دیگه است. </p> 

لینک های HTML

یکی دیگر از کد هایه اصلی HTML :

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

 <a href="https://www.2050c.com">این یک لینک است </a> 

مقصد پیوند در ویژگی href مشخص شده است.
ازattribute ها برای ارائه اطلاعات اضافی در مورد عناصر HTML استفاده می شود.

در فصل بعد اطلاعات بیشتری در مورد ویژگیها کسب خواهید کرد.
تصاویر HTML

تصاویر HTML با برچسب <img> تعریف می شوند.

پرونده منبع (src) ، متن جایگزین (alt) ، عرض و ارتفاع به عنوان ویژگی ها ارائه می شوند:
مثال

 <img src="{address }"alt="2050c.com" width="104" height="142"> 


دیدن کد هایه یک صفحه HTML سایت های دیگه .


آیا تا به حال یک صفحه وب دیده اید و از این سوال پرسیدید: “سلام! چگونه آنها این کار را کردند؟”
مشاهده کد منبع HTML:

شما میتوانید بر رویه گوگل کروم کلیک راست کرده و گزینه inspect راکلیک کره و یا از کنترل های میانبر ctrl+shift+I استفاده کنید و یا از دکمه f12 استفاده کنید.

inspect element

با کلیک راست بر روی یک عنصر (یا یک ناحیه خالی) ، و گزینه “Inspect” یا “Inspect Element” را انتخاب کنید تا ببینید چه عنصری از آنها ساخته شده است (HTML و CSS را مشاهده خواهید کرد). همچنین می توانید HTML یا CSS را در پرواز در پنل Elements or Styles که باز می شود ویرایش کنید.

دیدگاه‌های نوشته