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

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



بستن
نشانه‌های زرد زخم چیست؟
azar33 elii12 1 137
سیمواستاتین(زوکور)
tala95 elii12 1 170
نمایندگی تعمیرات باکنشت
nopardaz elii12 1 91
جراحی سینه و بیمه
jarahezibai elii12 1 172
از نتایج جراحی سینه (کوچک کردن سینه)
jarahezibai elii12 1 162
سئو کلی
minajafari elii12 1 65
ویژگی های شخصیتی متولدین ماه ها بر اساس طالع بینی برج فلکی
luna elii12 2 96
مشاهده ی تمام مشخصات کامپیوتر
wo0olf elii12 2 2582
Ip چه کاربردی دارد؟
navids elii12 2 1838
همین الان تو چه فکری هستی؟ (22)
گلایه mohadese 551 27005
بهترین شرکت طراحی سایت
elii12 elii12 0 27
انتخاب بهترین شرکت طراحی سایت
elii12 elii12 0 28
رشته داروسازی در ترکیه
elii12 elii12 0 25
داروسازی در ترکیه
elii12 elii12 0 27
رنگ زندگی از دیدگاه شما
sana sana 126 11797
تو آواکس چند ساله ای ؟؟!!
mahya sana 383 52201
گالری عکس داریوش اقبالی
mosy rele sana 82 122688
سیو و ترینر بازی های مختلف 2
خاکسبز elii12 1 411
انتخاب اجباری برای نفر بعدی (6)
گلایه mohadese 665 48333
همه چیز در مورد تعمیر کولر گازی که باید بدانید
samirad samirad 0 31
مقصود از سوئیچ شبکه
elii12 elii12 0 28
سوئیچ شبکه چیست
elii12 elii12 0 31
سوئیچ شبکه
elii12 elii12 0 44
کاربرد های اصلی بالابر صنعتی در مشاغل مختلف
asiaborjj asiaborjj 0 27
پسرا یکی اضافه کنن....دخترا یکی کم کنن!(سری جدید 3)
شقایق luna 332 26928
گفتگوی آزاد
admin niloofar 2656 154525
نحوه تعویض کوئل خودرو
saharim saharim 0 27
سرویس و تعمیرات داکت اسپلیت
samirad samirad 0 32
عوامل مهم در خرید جاروبرقی خانگی
kimib kimib 0 24
حمل جهیزیه عروس با تخفیفات ویژه تازه عروس و داماد ها
seoupdate seoupdate 0 21
حمل جهیزیه عروس با تخفیفات ویژه تازه عروس و داماد ها
seoupdate seoupdate 0 22
حمل جهیزیه عروس با تخفیفات ویژه تازه عروس و داماد ها
seoupdate seoupdate 0 26
سرور مجازی بورس
MWEBSPOUYAN MWEBSPOUYAN 0 26
دانلود بازی(Lock On Modern Air Combat )
nokia farzadian 2 2167
اسم بلوتوث شما چیه ؟
aria niloofar 359 65573
داری؟نداری؟ (5)
moonlover niloofar 444 18798
یه تیکه از اولین آهنگی ک میاد تو ذهنت ....
سنا niloofar 318 44058
با اخر اسم من یه اسم بنویس(2)
گلایه niloofar 488 36947
دوستان آواکسی هر وقت وارد سایت آواکس شدی یه جمله اینجا بنویس.
rapr niloofar 742 91339
چی باعث شده بعد از این همه سال بازم به آواکس سر بزنی؟؟
mohadese luna 3 93

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

پرش به انجمن:



زمان کنونی: Sunday 12 July 2020, 01:11