آموزش html به زبان ساده

هدایت عباسی آموزش HTML

آموزش html به زبان ساده شامل آموزش دستورات html همراه با مثال. در این آموزش در مورد تگ های مختلف بحث خواهیم کرد.

این آموزش متعلق به سایت ، تاپ سایت 98 میباشد.

تگ چیست؟

تگ چیست و چه کاربردی دارد؟ تگ html همان دستور html است.

در html به هر دستور یک تگ می گویند. پس وقتی می گویند تگ p یعنی دستور p .

هر تگ یه کار خاص را انجام می دهد.

خیلی مواقع افراد از تگ های html استفاده می کنند ولی مفهوم آن را درک نمی کنند.

در انتهای آموزش ، مثال هایی خواهیم زد.

نرم افزارهای طراحی سایت :

نرم افزارهای طراحی سایت زیاد هستند اما باید بدانید برای کار با html ، نیاز به نرم افزار خاصی نیست و با notepad ساده ویندوز نیز می توانید یک قالب حرفه ای طراحی کنید.

کافی است با تگ های html دستورات css آشنا باشید.

نرم افزار notepadd++ برای شروع کار ، نرم افزار مناسبی است اما می توانید از نرم افزارهای حرفه ای تر نیز استفاده کنید.

ذخیره فایل html :

در این بخش از آموزش html به زبان ساده به سراغ ذخیره سازی فایل html می رویم.

برای ذخیره یک فایل html بایستی با نرم افزار notepadd++ یک فایل را ایجاد کنید و آن را با پسوند html ذخیره کنید.

دقت کنید پسوند فایل txt نباشد وگرنه فایل باز نمی شود.

حتما پسوند فایل را در ویندوز فعال کنید تا پسوند فایل ها نشان داده شود.

چگونه با html قالب طراحی کنیم؟

اگر می خواهید با html قالب طراحی کنید باید ابتدا با تگ های html آشنا شوید و سپس به سراغ آموزش css بروید و دستورات css را نیز یاد بگیرید.

اینها مکمل یکدیگرند.

مثلا یک جدول را با html طراحی می کنیم ولی باید با css آن را زیبا کنیم وگرنه جدول هیچ زیبایی ندارد.

تگ های html :

بیایید با چند تا از تگ های html آشنا شویم. برای طراحی قالب سایت باید html , css را بیاموزید. پس بیایید با تگ های html شروع کنیم و با تعدادی از آنها آشنا شویم.

تگ ها اکثرا تگ باز و بسته دارند . تگ باز نشان دهنده ابتدا و تگ بسته نشان دهنده انتهای آن است.

بعضی از تگ ها استثنا هستند و تگ بسته ندارند.

تگ p :

تگ p برای قرار دادن پاراگراف بکار می رود.

تگ p در تمام سایت ها استفاده می شود. تگ p دارای تگ باز و بسته است.

مثال زیر را ببینید. ابتدا تگ باز و نوشتن مطالب ، و در انتها تگ بسته که نشان دهنده انتهای پاراگراف است.

<p>website: site topsite98.com </p>

تگ h1 تا h6 :

تگ h1 برای عناوین بکار می رود.

هر چقدر عنوان مهم تر باشد از h کمتر استفاده میشود.

یعنی h1 دارای بیشترین اهمیت است و تگ h6 دارای کمترین اهمیت.

تگ h1 تا h6 دارای تگ باز و بسته میباشد. حتما انتهای تگ ها را ببندید.

مثال زیر را ببینید.

<h2>TopSite98</h2>
<p>website: site topsite98.com </p>

تگ img :

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

تگ img تگ بسته ندارد. برای درک بهتر مثال زیر را ببینید.

<h2>TopSite98</h2>
<p>website: site topsite98.com </p>
<img src="topsite98.jpg">

در قسمت src باید نام تصویر یا عکس را قرار دهید.

برای اینکه عکس نشان داده شود باید یک عکس با نام topsite98.jpg در کنار فایل html قرار دهید . اگر نام فایل یا آدرس فایل اشتباه باشد تصویر نمایش داده نمی شود.