تیترها:

شما برای اینکه یک صفحه ی html درست کنید گاهی اوقات نیاز به تولید تیتر و سرتیتر دارید که heading نامیده می شوند.

شما باید متنی را که می خواید به عنوان تیتر در نظر بگیرید را بین تگ بگزارید.

مثال :

<h1>تیتر</h1>

h1 بزرگترین حالت نمایش تیتر می باشید

h ها ۶ مورد هستند که بزرگترین آن‌ها h1 و کوچکترین آن‌ها h6 است.

<h1>تیتر</h1> => تیتر

<h2>تیتر</h2> => تیتر

<h3> تیتر</h3> => تیتر

همانطور که میبینید تگ های تیتر در آخر بسته می شوند.

بسته نشدن تگ ها باعث نمایش بسیار غلط سایت می شود.

پاراگراف ها :

شما برای اینکه یک خط نوشته با سایز رنگ و فونت استاندارد در سایت بنویسید باید آن را در بین تگ p قرار دهید.

مثال:

<p>سلام دنیا</p> => سلام دنیا

لینک ها :

در سایت‌های مختلف شما دیده‌اید که روی که نوشته کلیک می‌کنید و یک سایت دیگر باز می‌شود یا از منو روی یک متن کلیک می‌کنید و به یک صفحه ی جدید می روید.

به این تگ ها لینک گفته می شود.

تگ لینک a می باشد.

مثال:

<a href= “https://www.sefroweb.com” > طراحی سایت </a>

=> طراحی سایت

شما در این تگ فقط طراحی سایت را میبینید اما با کلیک بر روی آن به سایت sefroweb.com هدایت می شوید.

عکس‌ها :

شما برای اینکه در یک صفحه یک عکس را نمایش دهید باید از تگ img استفاده کنید.

مثال :

<img src=”image.jpg” />

در src شما باید آدرس عکس در اینترنت یا کامپیوتر خود را وارد کنید.

لیست ها :

از تگ UL برای نمایش لیست ها استفاده می‌کنیم .

ما با li آیتم ها را مینویسیم.

تگ ul یک خصوصیت type دارد که با آن می‌توانیم برای آیتم ها یک علامت یا نشانه بگزاریم.


√Disk:
این خصیصه باعث نمایش دایره ی توپر کنار آیتم مورد نظر می شود.

√Circle:باعث نمایش یک دایره توخالی کنار آیتم انتخاب شده می شود.

√Square:امکان نمایش مربع تو پر کنار آیتم انتخاب شده می شود.

√None:این خصیصه هیچ علامتی را  اضافه نمی کند.

مثال:

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

نتیجه :

 

  • Coffee

 

  • Tea

 

  • Milk

ساختار کلی:

خب هر صفحه ی html یک ساختار کلی دارد که نمایش دهنده ی این است که شما از چه ورژنی از HTML استفاده می کنید.

<!DOCTYPE html >

<html>

<body>

<h1>طراحی سایت</h1>

<p>شرکت صفر و وب</p>

</body>

</html>

<!DOCTYPE html>

  • برای استفاده از ورژن ۵ html باید از تگ بالا در اولین خط از html استفاده کنید.
  • در درس‌های بعد با تگ های بیشتری آشنا می‌شوید و تگ های فعلی را بیشتر توضیح میدهیم.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *