در جلسه ی اول گفته شد برای ویرایش و کار کردن با کد های اچ تی ام ال میتوان از نرم افزار های مختلفی مانند 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">
برای اضافه کردن رنگ به متن باید متن را در بین دو تگ زیر قرار دهید
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>
جلسه ی دوم نیز به پایان رسید! در جلسه بعدی آموزش اضافه کردن تصویر و لینک دادن به متون و تصاویر و … را می آموزید.
- نویسنده : Dan Thompson
- ترجمه: تارمستر