قسمت اول: آغاز به کار و عناصر اصلی


شروع کنید! 

فقط کافیست از ابزار نوت پد استفاده کنید. آن را باز کنید و متن زیر را بنویسید:

<html>
<body>
<p> Hello World! </p>
</body>
</html>

سپس نوت پد را با نام زیر ذخیره کنید:

Test1.htm

سپس به مرورگر رفته و از طریق گزینه­ی اوپن آن را باز کنید. اگر موفق نشدید به محل ذخیره­ی آن نوت پد بروید و آن را باز کنید.

معرفی عناصر این کد:

<html>تا </html>

فضای سایت را نشان می دهد.

>body>تا</body>

قسمت را معرفی می کند.

<p>تا</p>

یک پاراگراف را شامل می شود.

نکته: برای تگ آغازین اسلش نمی گذاریم ولی تگ پایانی دارای اسلش است.

کد بالا به صورت ساده در مرورگر جمله­ی زیر را می نویسد.

Hello World!

در قسمت بعد درباره­ی استایل بندی خیلی بیشتر توضیح می دهیم. مثل بک گراند، فونت، تیتر و....

تگ های خالی:

تگ های خالی شروع یا پایان ندارند.

</br>تگ

اگر میخواهید به خط بعدی بروید ولی پاراگراف جدیدی نمی خواهید اضافه کنید کافیست تگ بالا را میان پاراگرافتان بگذارید.

 

<html>
<body>
<p> Hello</br> World! </p>
</body>
</html>

میبینید که عبارت سلام و عبارت دنیا در خطوط جداگانه ای قرار گرفته اند.

</hr>تگ

این تگ یک شکل خط بین متون می گذارد.

<html>
<body>
<p> Hello World! </p>
</hr>
</body>
</html>

می بینید که زیر عبارت سلام به دنیا یک خط رسم شده است.

 

امیدوارم این مطلب برای شما کاربردی باشد.