html
آموزش html جلسه دوم
سلام دوستان
در جلسه قبل آموزش دادیم که اچ تی ام ال یک زبان نشانه گذاریست و زبان برنامه نویسی نیست و فقط خطوط و کدهای نوشته شده به صورت خط به خط توسط مرورگرها ترجمه ( render ) میشن.
کلیپ آموزشی زبان اچ تی ام ال جلسه دوم
این رو هم یاد گرفتیم که اکثر کدها به شکل تگ نوشته میشن و شکل کلی تگها هم به این شکل هست که برای مشخص کردن شروع تگ ، نام تَگ رو بین علامت <> مینویسیم و بعد متنمون رو بعد از اون مینویسیم و برای بستن تگ ها از </> استفاده میکنیم که بعد از علامت / دوباره اسم تگ نوشته میشه
از این پس هر وقت میگیم مثلا یه تگ abc با متن text بنویسید یعنی باید متن زیر رو بنویسید :
<abc>text</abc>
و اما امروز میخوایم ۴ تا تگ ساده و جدید یاد بگیریم ، هیچ کار خاصی قار نیست انجام بدیم فقط باید اسم چند تا تگ ساده رو به ذهن بسپاریم
اولین تگ ، تگ title هست که متن خودش رو به جای عنوان صفحه (توی نوار بالای مرورگر ، سمت چپ جایی که علامت خروج و minimize صفحه قرار داره )
میذاره و طریقه نوشتنش به شکل زیره:
<title>fanavari-novin</title>
در کد قبل عبارت فناوری نوین در نوار عنوان بالای رور گر قرار میگیره
دومین تگ : تگ b هست ، اگه با نرم افزار word کار کرده باشین حتما یدونید وقتی میخوایم یه نوشته رو بولد (ضخیم) بنویسیم متنمون رو انتخاب مبکنیم و روی علامت B کلیک میکنیم ، تگ b دقیقا همین کار رو انجام میده :
<b> mohammad bagher esmaeili fard</b>
تگ سوم: تگ i هست این مورد هم مثل برنامه ورد نوشته ها رو italic (کج) میکنه:
<i> mohammad bagher esmaeili fard</i>
تگ چهارم : تگ u هست این مورد هم مشابه تگهای قبلی در برنامه word نوشته را underline (زیر خط دار) میکند.
<u> mohammad bagher esmaeili fard</u>
حالا نوشتن و اجرای کدها که در این قسمت میتونید تمرین کنید و یا اینکه میتونید توی یه notepad کد بنویسید و ذخیره کنید و پسوند فایل رو به html تغییر بدید و اون رو با یکی از مرورگرها اجرا کنید.
ممکنه توی این صفحه تگ title به درستی عمل نکنه اما اگه کد رو توی یه notepad ذخیره و اجرا کنید به خوبی جواب خواهد داد. fanavarinovin.mbesoft.ir فناوری نوین کازرونفناوری نوین کازرون