دیتالایف انجین فارسی

آموزش HTML - بخش 1

آموزش HTML - بخش 1



تگ هاي HTML : ( آشنايي با بعضي از تگ هاي كاربردي )

تگ هاي HTML برای نشانه گذاری عناصر HTML استفاده می شوند .

تگ هاي HTML توسط دو کاراکتر محاط می شوند

تگ هاي HTML معمولا بصورت جفت می آیند .

مثال :


  <>              ----->     تگ شروع      

  <?/>       ----->      تگ پايان          

      ?       ------ >    منظورم عنوان تگ هست به مثال هاي زير نگاه كنيد .




<HTML> , </HTML>

<head> , </head>

<script>   ,  </script>

<b> , </b>


اولین تگ دوتایی برچسب شروع و دومی برچسب پایانی است

متن های بین تگ هاي ابتدایی و انتهایی محتوای عناصر هستند

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


<b /> معادل <B />

است.

بياين يك صفحه ساده HTML بسازيم ..

برنامه Notepad را اجرا كنيد .

كد زير را در آن تايپ كنيد ( خواهشن Copy و Past نكنين چون اينجوري ياد نمي گيرين )


<html>
<title> عنوان سايت </title>
<body>
ديتالايف فارسي
<br>
<b>ديتالايف فارسي</b>
<br>
<U>ديتالايف فارسي</U>
<br>
<I>ديتالايف فارسي</I>
<br>
<s>ديتالايف فارسي</s>
</body>
</html>


حالا از گزينه File روي Save كليك كنيد و با نام Test .html آن را ذخيره كنيد يادتون باشه با پسوند html ذخيره كنيد .

( توي مقدمه آموزش توضيح داده شده از لينك زير مي توانيد براي دسترسي به آن استفاده كنيد )


http://datalifeengine.ir/learn_articles/543-html01.html

--------------------------------------------

حالا فايل ساخته شده را باز كنيد و به آن نگاه كنيد و بعد ادامه مطلب را بخونيد .


--------------------------------------------
حالا به توضيح كد ها مي پردازيم .

خط 1 --> كد شروع كننده دستورات HTML

خط 2 --> عنوان سايت كه در بالاي صفحه مرورگر و روي نوار TaskBar نشان داده مي شود .

آموزش HTML - بخش 1


آموزش HTML - بخش 1


خط 3 --> تگ شروع كننده متن

خط 5 --> تگ
براي جدا كردن خط - اين تگ ، بدون تگ شروع و تگ پايان هست و تكي كاربرد دارد .

خط 6 -->اين تگ باعث خواهد شد كه هر چي بين اين دو تگ قرار مي گيرد به صورت توپور نمايش داده شود .

خط 8 -->اين تگ باعث خواهد شد كه هر چي بين اين دو تگ قرار مي گيرد به صورت خط دار نمايش داده شود .

خط 10 -->اين تگ باعث خواهد شد كه هر چي بين اين دو تگ قرار مي گيرد به صورت كج نمايش داده شود .

خط 12 -->اين تگ باعث خواهد شد كه هر چي بين اين دو تگ قرار مي گيرد به صورت خط در وسط كلمه نمايش داده شود .

خط 13 -->تگ پايان دستور

خط 14 --> تگ پايان دستورات HTML

----------------------------------------------------------------

خوب دوستان عزيز با خواندن اين بخش شما بعضي از تگ ها رو شناختيد و با آنها آشنا شديد ....

تمرين براي شما :

سعي كنيد كدي بنويسيد كه بعد از ذخيره آن به صورت Html شاهد كلمه زير باشيم ....


Datalifecms For You



حتماً تمرين را پيغام خصوصي را در نظرات ارسال كنيد در صورتي كه 20 نفر به اين تمرين جواب دادن ادامه آموزش هم داده مي شه yes

دوستان موفق و شاد باشيد .
    27 نفر (27 کاربر و 0 میهمان) از این مطلب تشکر کرده اند.
    تشکر
    عضو سایت
    24 آبان 1387 - 10:25
    عالیه آقا فرشید . خیلی وقت بود كسی دیگه آموزش نمیداد. winked

    ممنون

    راستی

    تمرین رو هم انجام دادم ولی یه مشكلی دارم. متن به این شكل در میاد:

    http://ehsan88.webng.com/test1.jpg

    اینم از لینك Html :
    http://ehsan88.webng.com/test1.html
    عضو سایت
    24 آبان 1387 - 13:08
    ممنون.
    زحمت می کشید. smile2
    عضو سایت
    24 آبان 1387 - 18:38
    ممنون خوبه yes
    عضو سایت
    24 آبان 1387 - 18:39
    اقا فرشید ممنون
    happy

    --------------------
    عضو سایت
    24 آبان 1387 - 21:28
    خوب.
    عضو سایت
    25 آبان 1387 - 00:41
    مرسی
    عضو سایت
    27 آبان 1387 - 23:24
    happy pray worship hahahoho
    عضو سایت
    28 آبان 1387 - 11:29
    ممنونم
    اگر ممکن هست سر فرصت آموزش سازگار کردن قالب html با فایرفاکسو IE هم توضیح دهید.
    عضو سایت
    28 آبان 1387 - 16:14
    ممنون فرشید جان
    کار جالبیه اگه ادامه داشته باشه

    موفق باشید
    عضو سایت
    03 آذر 1387 - 15:45
    salam
    khaste nabshid man en tarin ro anjam dadam
    kammi taghirat to tamrin anjam dadam



    EBESS & DARYA DARYAEBESS NOT LOVE LOVE
    عضو سایت
    04 آذر 1387 - 00:33
    ممنون لطفا ادامه بده smile
    عضو سایت
    04 آذر 1387 - 22:22
    نقل قول: [email protected]
    فقط 2 نفر تمرین منو انجام دادن اگه انقد کم طرفدار داره بیخیال آموزش می شم ////

    مگه اینکه طرفداراش زیاد شن


    دانشجو که تمرین انجام نمیده!!!!

    هرموقع تو کلاسای دانشگاها دانشجوها تمرین انجام دادن اون موقع تمرینای شما هم انجام میشه

    ---متاسفانه----

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

    موفق باشید
    یا علی
    عضو سایت
    18 آذر 1387 - 13:44
    چرا ادامه نمیدین حتما تمرینها انجام شده دیگه ... منتظریم
    عضو سایت
    25 آذر 1387 - 17:57
    داداش بی زحمت لابه لای این آموزش اچ تی ام ال ، سی اس اس را هم آموزش بده
    آخه سی اس اس مکمل کننده اچ تی ام اله ! laughing
    عضو سایت
    29 آذر 1387 - 18:22
    سلام دوستان
    من تمرین رو انجام دادم خیلی جالب بود
    وقتی انجامش دادم کامل همونی شد که میخواستم
    یعنی باید میشد
    لطفا بقیه آموزش رو هم بذارید
    من که حسابی میخوام یاد بگیرم
    ممنون از لطفتون
    love

    ممنون از آموزش های خوبتون[/hide]

    کسانی که عضو نیستند، نمی توانند اینجا را مشاهده کنند.


    کسانی که عضو نیستند، نمی توانند اینجا را مشاهده کنند.
    عضو سایت
    01 دی 1387 - 02:16
    так себе...
    عضو سایت
    11 خرداد 1388 - 17:54
    30% مفید بود
    عضو سایت
    03 آبان 1390 - 23:33
    منم 20 امین نفر
    ولی بلدم heheh

    ولی چون گفتی 20 نفر بشیم ادامه میدی. مرده و حرفش. ادامه بده yes
    عضو سایت
    04 آبان 1390 - 01:55
    aliarian,
    من نفر بیستو یکی هستم . ادامه نده . dance

    اووووووووووووووووووووه ماله 87 این که hahahoho
    جهت ارسال نظر، فرم زیر را تکمیل نمائید:
    نام:*
    ایمیل:*
    متن نظر:

     
    پررنگکج خط دارخط دار در وسط|سمت چپوسط سمت راست|قرار دادن شکلکانتخاب رنگ|پنهان کردن متنقراردادن نقل قولتبدیل نوشته ها به زبان روسیقراردادن Spoiler
    کد امنیتی: *