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

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



بستن
برای درمان بیرون زدگی بواسیر چه باید کرد؟
samanarefi samanarefi 0 6
هستی یا نیستی؟ (16)
moonlover moonlover 335 13418
همین الان تو چه فکری هستی؟ (22)
گلایه moonlover 566 28470
وکیل کیفری خوب در اصفهان
isfahanattorney isfahanattorney 0 25
دوستان آواکسی هر وقت وارد سایت آواکس شدی یه جمله اینجا بنویس.
rapr mohadese 748 92389
پروفیل آلومینیوم در پارتیشن فریم لس
partitionedari partitionedari 0 35
۴ اهداف بازاریابی محتوا که برای کسب و کار مهم هستند
siteecodee siteecodee 0 42
محصولاتی که شرکت بازرگانی تام باهر ارائه می دهد
tambaher tambaher 0 43
تاکسی ون فرودگاه امام خمینی
persiataxi persiataxi 0 46
انتخاب رنگ و مش مناسب
parniahair parniahair 0 50
چرا تراکنش‌ بیت کوین غیرقابل برگشت است؟
bitmehr bitmehr 0 53
فروش و خرید پرفکت مانی در ایران به صورت اتوماتیک
bitmehr bitmehr 0 55
الان داری چی میخوری ؟ (2)
گلایه luna 224 13724
ديدى؟نديدى؟ ( 1 )
m.z luna 938 72309
اگه امروز تولد نفر قبلیت باشه چی میگیری؟؟؟؟
user luna 645 52836
یه اسم مي گم هرچي ب ذهنت رسيد بگو (2)
مونا luna 330 31851
یه تیکه از اولین آهنگی ک میاد تو ذهنت ....
سنا luna 319 45109
با اخر اسم من یه اسم بنویس(2)
گلایه luna 489 38032
باربری امیرکبیر همراه با بیمه نامه معتبر
seoupdate seoupdate 0 63
باربری امیرکبیر همراه با بیمه نامه معتبر
seoupdate seoupdate 0 56
باربری امیرکبیر همراه با بیمه نامه معتبر
seoupdate seoupdate 0 50
داری؟نداری؟ (5)
moonlover luna 446 19528
به متولدین هر ماه چه هدیـــه ای بدهیم؟
tarang luna 11 3054
انتخاب اجباری برای نفر بعدی (6)
گلایه luna 669 49436
یخچال صنعتی چیست؟ | قیمت انواع یخچال صنعتی
seoupdate seoupdate 0 53
یخچال صنعتی چیست؟ | قیمت انواع یخچال صنعتی
seoupdate seoupdate 0 59
یخچال صنعتی چیست؟ | قیمت انواع یخچال صنعتی
seoupdate seoupdate 0 52
گفتگوی آزاد
admin یوسف ایزدیان 2660 157040
❖ نصف شب بیدار شی ببینی قبلی کنارته چی کارمیکنی؟❖
payam cowboy iljimae200 674 110249
پناهگاه فیل در تور تایلند پوکت
nopardaz nopardaz 0 60
بررسی مزایای خرید و فروش بیت‌کوین
bitmehr bitmehr 0 61
مزایا و خدمات پرفکت‌مانی
bitmehr bitmehr 0 65
در صورتیکه گوشی موبایل داخل اب افتاد چکار کنیم؟
niloofarmajdi niloofarmajdi 0 61
کاربران تازه وارد، برای اشنایی با اعضای دیگر وارد شوید
moonlover sadrasamin 613 133518
معرفی سایت برای کارواش
sadrasamina sadrasamina 0 66
دلــنوشتــــه (2)
roshanak.m luna 161 32718
چراغ خطی چیست؟
asiaborjj asiaborjj 0 75
هدفون و هدست samsung مدل Level U Pro
niloofarmajdi niloofarmajdi 0 85
مزاحمت برای بانوان
shimasabah shimasabah 0 82
قتل عمدی
shimasabah shimasabah 0 66

نماد ها
دسترسی سریع به تاپیکهای مهم
تبلیغات
مطالب منتخب
مطالب پربازدید
مطالب پربازدید
اصول نوشتن صفحات HTMLزمان کنونی: Saturday 15 August 2020, 15:35
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: moonlover
آخرین ارسال: moonlover
پاسخ: 1
بازدید: 475
 
امتیاز دهید:
  • 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 398 Tuesday 19 March 2019 01:27
آخرین ارسال: sitecode
  سئو سایت: چگونه تمامی صفحات سایت را سئو کنید؟ sherman7 0 626 Wednesday 31 August 2016 11:28
آخرین ارسال: sherman7
  html & css peymanss 0 561 Tuesday 02 June 2015 15:28
آخرین ارسال: peymanss
  اصول برنامه نویسی تحت وب onlinelife 1 675 Saturday 19 February 2011 16:41
آخرین ارسال: M3YS4M 1
  آموزش HTML dusky 40 9,219 Saturday 06 November 2010 10:50
آخرین ارسال: admin

پرش به انجمن:



زمان کنونی: Saturday 15 August 2020, 15:35