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

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

پشتیبان رسمی سیستم مدیریت محتوا

آموزش HTML - بخش 1

آموزش 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

دوستان موفق و شاد باشيد .

نظرات کاربران
General در 24 آبان 1387 - 10:25 گفته:
عضو سایتنظرات: 41

عالیه آقا فرشید . خیلی وقت بود كسی دیگه آموزش نمیداد. winked

ممنون

راستی

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

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

اینم از لینك Html :
http://ehsan88.webng.com/test1.html

nima.a در 24 آبان 1387 - 13:08 گفته:
عضو سایتنظرات: 246

ممنون.
زحمت می کشید. smile2

magicp30 در 24 آبان 1387 - 18:38 گفته:
عضو سایتنظرات: 75

ممنون خوبه yes

احمد مرادی در 24 آبان 1387 - 18:39 گفته:
عضو سایتنظرات: 222

اقا فرشید ممنون
happy

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

haray در 24 آبان 1387 - 21:28 گفته:
عضو سایتنظرات: 79

خوب.

alifx4 در 25 آبان 1387 - 00:41 گفته:
عضو سایتنظرات: 298

مرسی

bakuryu در 27 آبان 1387 - 23:24 گفته:
عضو سایتنظرات: 2

happy pray worship hahahoho

irocom در 28 آبان 1387 - 11:29 گفته:
عضو سایتنظرات: 29

ممنونم
اگر ممکن هست سر فرصت آموزش سازگار کردن قالب html با فایرفاکسو IE هم توضیح دهید.

[email protected] در 28 آبان 1387 - 12:55 گفته:
عضو سایتنظرات: 152

ehsan.takdel,

دوست عزیز مشکلت رو به صورت پیغام خصوصی ارسال کردم .

ramin006 در 28 آبان 1387 - 16:14 گفته:
عضو سایتنظرات: 91

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

موفق باشید

Ebess در 03 آذر 1387 - 15:45 گفته:
عضو سایتنظرات: 2

salam
khaste nabshid man en tarin ro anjam dadam
kammi taghirat to tamrin anjam dadam



EBESS & DARYA DARYAEBESS NOT LOVE LOVE

Mhk1369 در 04 آذر 1387 - 00:33 گفته:
عضو سایتنظرات: 77

ممنون لطفا ادامه بده smile

[email protected] در 04 آذر 1387 - 09:48 گفته:
عضو سایتنظرات: 152

فقط 2 نفر تمرین منو انجام دادن اگه انقد کم طرفدار داره بیخیال آموزش می شم ////

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

ramin006 در 04 آذر 1387 - 22:22 گفته:
عضو سایتنظرات: 91

نقل قول: [email protected]
فقط 2 نفر تمرین منو انجام دادن اگه انقد کم طرفدار داره بیخیال آموزش می شم ////

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


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

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

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

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

موفق باشید
یا علی

arezoo در 18 آذر 1387 - 13:44 گفته:
عضو سایتنظرات: 24

چرا ادامه نمیدین حتما تمرینها انجام شده دیگه ... منتظریم

darkfire_online در 25 آذر 1387 - 17:57 گفته:
عضو سایتنظرات: 11

داداش بی زحمت لابه لای این آموزش اچ تی ام ال ، سی اس اس را هم آموزش بده
آخه سی اس اس مکمل کننده اچ تی ام اله ! laughing

lrk2641 در 29 آذر 1387 - 18:22 گفته:
عضو سایتنظرات: 1

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

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

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


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

breezstonez در 01 دی 1387 - 02:16 گفته:
عضو سایتنظرات: 1

так себе...

islamsun در 11 خرداد 1388 - 17:54 گفته:
عضو سایتنظرات: 78

30% مفید بود

علی آریان در 03 آبان 1390 - 23:33 گفته:
عضو سایتنظرات: 141

منم 20 امین نفر
ولی بلدم heheh

ولی چون گفتی 20 نفر بشیم ادامه میدی. مرده و حرفش. ادامه بده yes

SinaHaghighi در 04 آبان 1390 - 01:55 گفته:
عضو سایتنظرات: 45

aliarian,
من نفر بیستو یکی هستم . ادامه نده . dance

اووووووووووووووووووووه ماله 87 این که hahahoho

ارسال نظر
نام:*
ایمیل:*
متن نظر:
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
کد را وارد کنید: *
عکس خوانده نمی‌شود؟ کلیک کنید!