خوش آمدید , میهمان گرامی! ورود or ثبت نام

تغییر رنگ قالب



بستن
سئو کلی
minajafari mashinbank 2 80
این فلش صفحه کلید دارد!
niloofarmajdi niloofarmajdi 0 15
میکرو درایو های abb
ava96 ava96 0 27
نشانه‌های زرد زخم چیست؟
azar33 elii12 1 147
سیمواستاتین(زوکور)
tala95 elii12 1 182
نمایندگی تعمیرات باکنشت
nopardaz elii12 1 102
جراحی سینه و بیمه
jarahezibai elii12 1 184
از نتایج جراحی سینه (کوچک کردن سینه)
jarahezibai elii12 1 173
ویژگی های شخصیتی متولدین ماه ها بر اساس طالع بینی برج فلکی
luna elii12 2 106
مشاهده ی تمام مشخصات کامپیوتر
wo0olf elii12 2 2592
Ip چه کاربردی دارد؟
navids elii12 2 1848
همین الان تو چه فکری هستی؟ (22)
گلایه mohadese 551 27061
بهترین شرکت طراحی سایت
elii12 elii12 0 36
انتخاب بهترین شرکت طراحی سایت
elii12 elii12 0 36
رشته داروسازی در ترکیه
elii12 elii12 0 34
داروسازی در ترکیه
elii12 elii12 0 33
رنگ زندگی از دیدگاه شما
sana sana 126 11810
تو آواکس چند ساله ای ؟؟!!
mahya sana 383 52226
گالری عکس داریوش اقبالی
mosy rele sana 82 122825
سیو و ترینر بازی های مختلف 2
خاکسبز elii12 1 418
انتخاب اجباری برای نفر بعدی (6)
گلایه mohadese 665 48378
همه چیز در مورد تعمیر کولر گازی که باید بدانید
samirad samirad 0 40
مقصود از سوئیچ شبکه
elii12 elii12 0 34
سوئیچ شبکه چیست
elii12 elii12 0 38
سوئیچ شبکه
elii12 elii12 0 50
کاربرد های اصلی بالابر صنعتی در مشاغل مختلف
asiaborjj asiaborjj 0 34
پسرا یکی اضافه کنن....دخترا یکی کم کنن!(سری جدید 3)
شقایق luna 332 26959
گفتگوی آزاد
admin niloofar 2656 154630
نحوه تعویض کوئل خودرو
saharim saharim 0 36
سرویس و تعمیرات داکت اسپلیت
samirad samirad 0 40
عوامل مهم در خرید جاروبرقی خانگی
kimib kimib 0 31
حمل جهیزیه عروس با تخفیفات ویژه تازه عروس و داماد ها
seoupdate seoupdate 0 27
حمل جهیزیه عروس با تخفیفات ویژه تازه عروس و داماد ها
seoupdate seoupdate 0 29
حمل جهیزیه عروس با تخفیفات ویژه تازه عروس و داماد ها
seoupdate seoupdate 0 33
سرور مجازی بورس
MWEBSPOUYAN MWEBSPOUYAN 0 36
دانلود بازی(Lock On Modern Air Combat )
nokia farzadian 2 2177
اسم بلوتوث شما چیه ؟
aria niloofar 359 65610
داری؟نداری؟ (5)
moonlover niloofar 444 18816
یه تیکه از اولین آهنگی ک میاد تو ذهنت ....
سنا niloofar 318 44093
با اخر اسم من یه اسم بنویس(2)
گلایه niloofar 488 36984

نماد ها
دسترسی سریع به تاپیکهای مهم
تبلیغات
مطالب منتخب
مطالب پربازدید
مطالب پربازدید
اصول نوشتن صفحات HTMLزمان کنونی: Tuesday 14 July 2020, 07:53
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: moonlover
آخرین ارسال: moonlover
پاسخ: 1
بازدید: 462
 
امتیاز دهید:
  • 31 رأی - میانگین امیتازات : 2.9
  • 1
  • 2
  • 3
  • 4
  • 5
اصول نوشتن صفحات HTML
Sunday 12 September 2010, 22:12
ارسال: #1
اصول نوشتن صفحات HTML
اصول نوشتن صفحات HTML



    [در اینجا می خواهیم به ساختار شناسه ها یا همان تگها (tag) در HTML بپردازیم. یک تگ همیشه با علامت کوچکتر ریاضی یعنی این علامت > آغاز می شود و با علامت بزرگتر < به پایان می رسد. مثلاً تگی که باعث ایجاد زیرخط کلمات می شود اینطور نوشته می شود: <U> این علامت را قبل از متنی که می خواهیم زیر آن خط کشیده شود قرار می دهیم.


    به این تگ ، تگ ابتدایی (Opening tag) می گویند، که عملیاتی را که شما می خواهید آغاز کنید شروع می کند. به منظور پایان دادن به زیرخط باید از یک تگ پایانی استفاده کنید. یک تگ پایانی با این علامت شروع می شود: /> بقیه تگ مانند تگ ابتدایی می باشد. برای درک بهتر این مطلب به مثال زیر توجه کنید:

    کد:
   
Tags and their position




    اگر بخواهید متن بالا را با زیرخط در مرورگر خود ببینید باید آنرا مطابق خط روبرو در ویرایشگر متن خود بنویسید:

    کد:
    <u>tags and their position</u>



    نتیجه را به این صورت می بینید:

    کد:
    Tags and their position



    در HTML همه تگها به یک تگ پایانی نیاز ندارند. برای مثال تگی که برای وارد کردن عکس استفاده می شود از این قبیل تگهاست، که به این صورت می باشد:

    کد:
    <img src="myimage.gif">



    البته بعداً در مورد این تگ توضیح خواهیم داد در اینجا فقط برای مثال این تگ را آوردیم. موارد دیگری هم با این وضعیت وجود دارند مثلاً <br> که برای رفتن به خط بعدی استفاده می شود، <hr> که برای ایجاد یک خط افقی به کار می رود و <p> که برای رفتن به پاراگراف بعدی استفاده می شود.
    [color]در ضمن نیاز نیست که حتماً تگها با حروف بزرگ نوشته شوند. مثلاً <P> همان <p> است. البته در نسخه های جدیدتر HTML توصیه می شود کدهای HTML با حروف کوچک نوشته در XHTML هم نوشتن کدها با حروف کوچک الزامی است. فضای خالی هم بین تگها تأثیری ندارد. مثلاً :
    کد:
    <u> متن زیرخط دار </u>



    کد بالا همان نتیجه ای را می دهد که کد زیر دارد:
    کد:
    <u>متن زیرخط دار</U>



    به این طریق هم اگر نوشته شود فرقی نمی کند:

    php]<u>]
    متن زیرخط دار
    </u>[/php]قالب پایه ای یک فایل HTML مانند زیر است. ببینید می توانید کاری را که تگهای این کد انجام می دهند حدس بزنید؟ البته همه آنها را بعداً توضیح می دهیم.
    کد:
    <html>


    <head>


    <title>html قالب اصلی</title>


    </head>


    <body>


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


    </body>


    </html>



    برای درک بهتر این قسمت سعی کنید تگها را به صورت جفتی در نظر بگیرید (از جایی که باز می شوند تا جایی که بسته می شوند) اولین تگ <html> است که علامت شروع یک متن HTML است و تگ پایانی آن <html/> است که همانطور که ممکن است حدس زده باشید نشانه پایان متن HTML است. هر چیزی در HTML باید بین این دو تگ قرار گیرد. مانند متن، دیگر تگها، عکسها و... چون این دو تگ نشان دهنده آغاز و پایان صفحه شما هستند.

    تگ بعدی <head> است. این تگ مشخص کننده بخشی است که شما باید عنوان صفحه، کلمات کلیدی، و دیگر توضیحات خود برای این صفحه را در آن قرار دهید. این بخش با <head/> به پایان می رسد. در مثال بالا تنها قسمت HEAD عنوان صفحه بود که با TITLE مشخص می شود.

    تگ <title> به شما اجازه می دهد برای صفحه خود یک عنوان برگزینید. این قسمت مورد استفاده موتورهای جستجو قرار می گیرد و همان متنی است که به هنگام مشاهده صفحه در نوار عنوان مرورگر نشان داده می شود. تا هنگامی که این تگ در قسمت BODY قرار نگیرد در متن شما نشان داده نمی شود. برای پایان دادن به تگ عنوان از این تگ استفاده می شود: <title/> در مثال بالا عنوانی که برای صفحه نشان داده می شود قالب اصلی HTML است.

    تگ <body> بخشی را آغاز می کند که در صفحه مرورگر شما به نمایش در می آید. این قسمت جایی است که ما باید کار اصلی خود را در آن انجام دهیم. برای پایان دادن به این تگ از <body/> استفاده می کنیم. در مثال بالا متنی که در صفحه مرورگر دیده می شود به صورت زیر است (البته در اینجا برای نوشته زیر رنگ و فونت نیز انتخاب شده که در قسمتهای بعد به آنها خواهیم پرداخت) :

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


    چیزی که در اینجا می بینیم متنی است که به صورت ساده نوشته شده و در طرف چپ صفحه قرار دارد.

با دو تن , با دو مــــرد ؛
عشق ِ من { نــــا
بــــ } میشود.. 6 8
نقل قول


موضوع های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  اصول جذابیت طراحی سایت کاربر پسند sitecode 0 385 Tuesday 19 March 2019 01:27
آخرین ارسال: sitecode
  سئو سایت: چگونه تمامی صفحات سایت را سئو کنید؟ sherman7 0 616 Wednesday 31 August 2016 11:28
آخرین ارسال: sherman7
  html & css peymanss 0 544 Tuesday 02 June 2015 15:28
آخرین ارسال: peymanss
  اصول برنامه نویسی تحت وب onlinelife 1 667 Saturday 19 February 2011 16:41
آخرین ارسال: M3YS4M 1
  آموزش HTML dusky 40 9,017 Saturday 06 November 2010 10:50
آخرین ارسال: admin

پرش به انجمن:



زمان کنونی: Tuesday 14 July 2020, 07:53