• توجه: در صورتی که از کاربران قدیمی ایران انجمن هستید و امکان ورود به سایت را ندارید، میتوانید با آیدی altin_admin@ در تلگرام تماس حاصل نمایید.

آموزش مقدماتی HTML : جلسه دوم ،کد نویسی ۱

amininho

متخصص بخش کامپیوتر


در جلسه ی اول گفته شد برای ویرایش و کار کردن با کد های اچ تی ام ال میتوان از نرم افزار های مختلفی مانند Dreamweaver و … استفاده کرد ولی ما برای آموزش از نرم افزار Notepad استفاده میکنیم که در سیستم عامل های ویندوز موجود است.

برای شروع ابتدا نرم افزار Notepad را اجرا کنید و سپس کد های زیر را در آن اضافه کنید:

HTML:
<html>
<head>
<title>Tar Master</title>
</head>
<body>
<H1>Basic HTML Learning</H1>
</body>
</html>

سپس برای ذخیره سازی از منوی File گزینه ی Save As را انتخاب کنید. در قسمت File Name باید نام فایل را با پسوند .html یا .htm (پیشنهاد میشود از .html استفاده کنید) ذخیره کنید مانند: index.html که ما از آن استفاده کرده ایم و در قسمت Save As Type گزینه ی All Files را انتخاب کنید و در آخر در قسمت Encoding گزینه UTF-8 را انتخاب کنید و دکمه ی Save را بزنید.


فایل ذخیره شده را اجرا کنید. میبینید که در قسمت عنوان صفحه در مرورگر متنی را که بین دو تگ
HTML:
<title>and</title>
نوشته ایم نمایش میدهد و چیزهایی را که در صفحه مشاهده میکنیم بین دو تگ
HTML:
<body>and</body>
نوشته شده است. دو تگ
HTML:
<h1>and</h1>
عنوان را مشخص میکنند. بزرگترین عنوان با عدد ۱ و کوچکترین با عدد ۶ مشخص میشود.

اضافه کردن رنگ

در ایجاد سایت استفاده از رنگ های متنوع و تصاویر باعث جذاب تر کردن سایت برای بازدید کننده میشود. در این بخش میخواهیم به پس زمینه و متن رنگ های دلخواهمان را بدهیم. برای تغییر رنگ پس زمینه باید کد زیر را بین دو تگ
HTML:
<body>and</body>
اضافه کنیم:
HTML:
<body bgcolor = "blue">
البته میتوانید به جای استفاده از نام رنگ از عدد (Hex ) آن نیز استفاده کنید که لیست آن در این آدرس موجود است.
برای اضافه کردن رنگ به متن باید متن را در بین دو تگ زیر قرار دهید
HTML:
<font color= "red">Text</font>
نکته:اگر تگ پایانی فونت را نگذارید متن های بعدی نیز به رنگ قرمز در می آیند اما زمانی که تگ را میبندید فقط متنی که بین دو تگ وجود دارد به رنگ قرمز در می آید.بعد از اعمال تغییرات کد حاصل باید به این شکل باشد:

HTML:
<html>
<head>
<title>Tar Master</title>
</head>
<body>
<body bgcolor= "blue">
<font color="Red">
<H1>Basic HTML Learning</H1>
</font>
</body>

جلسه ی دوم نیز به پایان رسید! در جلسه بعدی آموزش اضافه کردن تصویر و لینک دادن به متون و تصاویر و … را می آموزید.

 
بالا