تواناییها و خصوصیات عناصر HTML
حال به تفصیل به تواناییهای بعضی از عناصر 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
style="background-image: initial; background-attachment: initial;
background-origin: initial; background-clip: initial; background-color:
rgb(255, 255, 193); background-position: initial initial;
background-repeat: initial initial; ">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
برای دانلود این خود آموز در فرمت PDF کلیک نمایید :

میتوانید تمامی مثالهای فوق را در یک فایل zip دانلود نمایید :