در صورت تمایل به کسب اطلاع از آخرین مطالب ارسالی در خبرنامه ثبت نام کنید.

قسمت دوم از آموزش HTML رو آماده کردیم .امیدوارم که مفید واقع شود و تا پایان آموزش با ما همراه شوید. نظرات شما در کیفیت این آموزش موثر می باشد.

تواناییها و خصوصیات عناصر HTML

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

<a href=”http://www.TopDesign.com”> This is a link</a>

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

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

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

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

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

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

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

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

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

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

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

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>

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

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

می نویسیم.

<!– This is a comment –>

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

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

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

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

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

<p>This is a paragraph</p>
<p>This is another paragraph</p>

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

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

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

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

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

<h1> Headline1 </h1>

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

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

This text is bold

This text is big

This text is italic

This is computer output

This is _subscript and ^superscript

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

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

<p> <b> This text is bold <b></p>                    This text is bold

<p> <strong>This text is strong </strong></p>            This text is strong

<p><big>This text is big</big></p>                          This text is big

<p><em>This text is emphasized</em></p>               This text is emphasized

<p><i>This text is italic</i>                     This text is italic

<p><12>This text is 12</12></p>                 This text is 12

<p>This is_subscript and ^superscript</p>

This is _subscript and ^superscript

این سایت به منظور انجام پروژه های دانشجویی  و همچنین ارائه جدید ترین مقاله ها و آموزش های موجود در رشته مختلف دانشجویی به خصوص رشته های کامپیوتری طراحی شده است. در صورت تمایل به تبادل لینک ، لینک ما را با نام پروژه و آموزش دانشجویی در سایت خود قرار دهید و با ما تماس بگیرید.

آیا مایل به ادامه کار سایت هستید و برای حفظ آن به چه میزان کمک مالی می کنید؟ در صورت تمایل زودتر اقدام نمایید