منو
 کاربر Online
266 کاربر online
 : کامپیوتر
برای پاسخ دادن به این ارسال باید از صفحه قبلی اقدام کنید.   کاربر offline دبیر گروه کامپیوتر 3 ستاره ها ارسال ها: 1679   در :  جمعه 21 آبان 1389 [13:07 ]
  آموزش Html- قسمت دوم
 

هر عنصرHTML دارای تواناییها و خصوصیتهایی می باشد.این خصوصیتها یک سری اطلاعات اضافی و تکمیلی در مورد هر عنصر HTML است. این اطلاعات در تگهای ابتدایی در بین یک جفت “ ” قرار می گیرند مانند name=”value”

This is a link


در اینجا شما نمونه ای از عناصر HTML به همراه توضیحات تکمیلی (Attribute) را می بینید که در بین یک جفت ” ” قرار گرفته است.

تگهای Head Line و یا سرفصلها

سرفصلها توسط تگهای h1 تا h6 علامت گذاری می شوند. تگ h1 باعث ایجاد اندازه بزرگتری نسبت به h6 می شود.


This is a heading

This is a heading

This is a heading


مرورگرها به صورت اتوماتیک یک خط فاصله بعد از این تگها ایجاد میکند.

اهمیت تگهای Head Line

از این تگها برای بزرگ یا کوچک کردن نوشته ها استفاده نکنید بلکه برای موضوعات پر اهمیت از آنها استفاده کنید و موضوعات و نوشته های پر اهمیت را داخل آنها قرار دهید.

موتورهای جستجو مانند گوگل و یاهو برای پی بردن به موضوع وب سایت و صفحه وب شما از نوشته هایی که داخل این تگها قرار دارند استفاده می کنند.

ترتیب اهمیت این تگها به ترتیب اهمیت بیشتر از h1 به h6 می رسد.


تگهای خط کشی و یا خط (line)

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

This is a paragraph

@@@@
This is a paragraph

@@@@
This is a paragraph



نوشتن توضیحات برای کدها HTML

این توضیحات باید به صورتی در درون کدهای HTML قرار گیرند که توسط مرورگرها خوانده نشوند. بنابراین این توضیحات را به این صورت می نویسیم.

::::

این نوشته ها توسط مرورگرها خوانده نمی شوند.علامت تعجب فقط در ابتدا قرار می گیرد و در پایان نمی آید.


چگونه کدهای HTML یک صفحه وب را ببینیم؟

برای این کار شما میتوانید در صفحه مرورگرتان گزینه view را از نوار ابزار انتخاب کنید و سپس گزینه view source و یا source را انتخاب کنید.در این حالت یک پنجره جدید باز می شود که کدهای HTML را به شما نشان می دهد.


تگهای پاراگراف (Paragraph)

پاراگراف ها توسط تگهای علامت گذاری می شوند.

This is a paragraph

This is another paragraph


مرورگرها به صورت اتوماتیک یک خط فاصله قبل و بعد از این تگها ایجاد میکند.

باز هم این نکته را یاد آوری می کنیم که تگهای ابتدایی و انتهایی را فراموش نکنید.

تگهای شکستن خط ( Line Breaks )

برای ایجاد شکست در یک خط و رفتن به خط بعدی و ایجاد فاصله از تگ که یک تگ خالی (empty) است استفاده می شود.

این نکته قابل ذکر است که کلیه فاصله ها در بین تگهای HTML در هنگام نمایش توسط مرورگرها از بین می رود.

Headline1


به طور مثال فاصله ای که قبل از محتوای این عنصر HTML وجود دارد در مرورگر از بین می رود.


تگهای نوع نمایش نوشته ها ( Text Formatting )

This text is bold


This text is big


This text is italic


This is computer output


This is subscript and superscript


تگهایی مانند و یا باعث می شوند که نوشته ها به صورت Italic و یا Bold نمایش داده شوند . این تگها را تگهای نوع نمایش یا (Text Formatting ) می نامند.

برای آشنایی بیشتر با این تگها صفحات وب را به دقت نگاه کنید.در زیر تعدادی از این تگها را به نمایش می گذاریم.


This text is bold This text is bold

This text is strong This text is strong

This text is big This text is big

This text is emphasized This text is emphasized

This text is italic This text is italic

This text is small This text is small

This is subscript and superscript

This is subscript and superscript


  امتیاز: 0.00