We create your dream!

گروه برنامه نویسی رادیکال

آموزش HTML - شروع کنید

در این فصل اولین صفحه خود را می سازید و با انواع تیتر ها و پاراگراف ها و تصویر ها و لینک ها در طراحی سایت آشنا می شوید

ابزار مورد نیاز

هیچ ! , در واقع تنها چیزی که شما نیاز دارید یک ویرایشگر متن مانند notepad است. البته شما می توانید از ویرایشگرهای حرفه ای مانند FrontPage یا Dreamweaver استفاده کنید. اما پیشنهاد ما به شما یک ویرایشگر ساده مانند notepad است

اولین صفحه HTML خود را بسازید

ویرایشگر خود را باز کنید و کدهای زیر را بنویسید

<html>
<body>

<h1>First Line</h1>
<p>First Line</p>

</body>
</html>

فایل خود را به نام page1.html یا page1.htm ذخیره کنید .
فایل را ببندید .
(اصلا مهم نیست که با این کدها آشنایی ندارید . به مرور با آنها آشنا می شوید.)

  • توجه داشته باشید که page1 نام فایل و html پسوند فایل است , که توسط یک نقطه از هم جدا شده اند
  • برای پسوند فایل هم می توانید از html استفاده کنید , هم از htm . این دو هیچ فرقی با هم ندارند

حالا فایل خود را باز کنید
فایل باز شده شما باید چیزی شبیه به این فایل باشد .
اگر فایل html شما با نمونه ما فرق داشت و یا کاراکترهای اضافی در صفحه مشاهده می شد , به کد برگردید و خطاهای خود را اصلاح کنید .

یادگیری HTML به همین سادگی است . به همین سادگی که شما اولین صفخه HTML خود را ساختید !
تمام کاری که ما در فصل های بعد انجام می دهیم , کامل کردن این صفحه ساده با متن و عکس و چیزهای دیگر است

در ادامه با چند تا از مهمترین تگ های HTML آشنا می شویم :

HTML Headings - تیترهای HTML

تیتر ها در HTML با تگ های <h1> تا <h6> مشخص می شوند

HTML Paragraphs - پاراگراف HTML

پاراگراف ها در HTML با تگ <p> مشخص می شوند

HTML Links - لینک HTML

لینک ها در HTML با تگ <a> مشخص می شوند

آدرس لینک به شکل یک صفت تعریف می شود (در مورد صفات در فصل های بعد صحبت خواهیم کرد)

HTML Images - تصویر HTML

تصویر ها در HTML با تگ <img> مشخص می شوند

نام و سایز تصویر به شکل صفت مشخص می شود (در مورد صفات در فصل های بعد صحبت خواهیم کرد)


نکته : ما برای شما یک ویرایشگر آنلاین آماده کرده ایم تا در هر فصل بتوانید تگ های جدیدی را که یاد می گیرید, تمرین کنید .
ولی شما به این اکتفا نکنید . بلکه سعی کنید با پایان هر فصل, یک صفحه HTML برای خود بسازید و از تگ ها و مطالب جدیدی که یاد گرفته اید, در آن صفحه استفاده کنید .

Source : W3Schools Date Published :
Date Modified :

قابل توجه علاقه مندان به آموزش طراحی سایت در مشهد

چنانچه تمایل دارید در دوره های حضوری آموزش طراحی سایت شرکت نمایید, با ما تماس بگیرید

+98 915 913 0013 , +98 939 782 7869