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 فناوری نوین کازرونفناوری نوین کازرون

برچسب ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

بستن