close
تبلیغات در اینترنت

آموزش ابتدایی HTML قسمت 1

پيشنهاد ما : خواهشمنديم يا از آخرين نسخه مرورگر فايرفاکس استفاده کنيد يا کروم
اخرين ارسالي هاي تالار گفتمان
آخرين ارسلي هاي سايت
بازديد
بازديد امروز : 37
بازديد ديروز : 24
بازيد هفته : 98
بازديد ماه : 852
بازديد کل : 17,856
کل مطالب : 25
کل نظرات : 18
کل کاربران : 2
چهارشنبه 26 مهر 1396
آموزش ابتدایی HTML قسمت 1
آموزش ابتدایی  HTML قسمت 1

خب بریم سراق آموزش

 

این آموزش رو طبق دونسته های خودم مینویسم

با این دونسته ها من راحت تر مینویسم !

 

اولین چیزی که همه دوست دارن در مورد HTML بدونن اینه که چه جوری یه صفحه HTML بسازند

 

خب برای این کار از دو تگ زیر استفاده میکنیم

<HTML>

</HTML>

 

بین این دو تا تگ 2 تگ جالب وجود دارد

 

اولین تگ ، تگ Head است در این قسمت تمام چیز هایی که به نام هسته ما میشناسیم نوشته میشود .

این تگ با <head> شروع میشود و با </head> بسته میشود .

 

تگ دومی که در اچ تی ام ال میتواند قرار بگیرد تگ Body هست که این تگ در اصل ظاهر صفحه رو میسازه

این تگ با <body> شروع و با </body> بسته میشه .

 

مثال یه صفحه HTML ساده بدونه متن و ...

 

<HTML>

<HEAD>

</HEAD>

<BODY>

</BODY>

</HTML>

خب این کد های بالا یه جورایی میشه گفت اسکلت ساخت اچ تی ام ال هست ...

 

برای ساخت عنوان صفحه از تگ Title استفاده میکنیم

مثل همین صفحه که بالاش نوشته آموزش ابتدایی HTML قسمت 1

برای این که همچین چیزی توی صفحه خودمون بنویسیم از تگ

<title>عنوان شما</title>

استفاده میکنیم .

این تگ درون تگ <head> نوشته میشود .

 

مثال :

<HTML>

<HEAD>

<TITLE>ترگزس دیزاین</Title>

</HEAD>

</HTML>

 

خب تا این جا خوب پیش رفتیم !

 

اگه خواستید کد های اچ تی ام ال خودتون رو تست کنید میتوانید از برنامه NotePad استفاده کنید ..

برای این کار توی منو استارت بنویسید NotePad.Exe بعد برنامش رو اجرا کنید

بعد از این که کد های خودتون رو توش نوشتید

از کلید های میانبر Ctrl+S استفاده کنید بعد پسوند فایلی که دارد ذخیره میکنید با .HTML ذخیره کنید

مثال :

Test.HTML

 

خب بریم سراق تگ Body

این تگ خیلی جالبه ! یعنی خیلی چیز ها توش قرار میگیره

 

و منم از این Body خیلی خوشم میاد .:) جدی میگم !!!

 

اولین چیزی که دوست دارید بدونید اینه که چه جوری یه نوشته توی صفحتون بسازید

(البته فکر کنم دوست داشته باشید )

 

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

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

این تگ با <p> شروع میشه و با </p> تموم میشه ...

 

مثال :

 

<p> متن مورد نظر شما </p>

 

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

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

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

<img src="آدرس عکس شما">

 

خب تا این جا خوب پیش رفتیم ...

 

بعد از این شاید یکی بخواد بدونه که چه جوری وقتی روی یه نوشته کلیک میکنی به صفحه جدید منتقل میشی

 

خب برای این کار یه تگ ساده ساخته شده ...

 

<a href="آدرس ای که میخواید طرف بره اون جا">متن منتقل کننده</a>

 

خوبه ...

 

این چیز هایی که بالا نوشتم چیز های ابتدایی بود ...

خب بریم یه کم با اچ تی ام ال بازی کنیم ...

 

خب فکر کنم همین ها ام کافی باشه

 

فقط یه چیزی

 

اگه واقعا میخواید اچ تی ام ال رو یاد بگیرید تمام کد هایی که بالا نوشتم رو بالای 50 بار بنویسید تا حفظ شید .

 

چون اگه حفظ نشید هیچ فایده ای نداره ...

 

منتظر قسمت های بعدی باشید ..

ارسال نظر
نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی
درباره ما
با سلام ، به وبسایت دیزاین ترگزس خوش آمدید . لطفا جهت سفارش نرم افزار از منوی بالای وبسایت اقدام فرمایید . در صورتی که در نرم افزاری مشکل خاص ای داشتید لطفا با ایمل من در تماس باشید : designer.parsi@gmail.com

آدمی در دنیا برتر از همه است که از خلاقیت خود استفاده کند
ورود به سايت
نام کاربری :
رمز عبور :
ليست کاربران
جستجو