ایجاد پیوند در HTML

آموزش HTML

html-la-gi-1

سلام  خدمت همراهان عزیز  یکشنبه ها با آموزش زبان برنامه نویسی (HTML) همراه شما هستیم. برای اطلاعات بیشتر به مقاله ی هفته ی قبل مراجعه فرمایید .

HTML

ایجاد پیوند در HTML

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

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

کامپیوتر راه دور باید به اینترنت متصل باشد. برای ایجا پیوند در HTML از دستورات <A> و <A/> استفاده می شود.

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

<A HREF=”URL”> sample link. </A>

“URL” می تواند آدرس یک وب سایت باشد که در کامپیوتر دیگری قرار دارد و یا می تواند نام فایلی باشد که در همان کامپیوتر واقع است

دستور اول:

به یک وب سایت با آدرس  www.gooya.com  مراجعه می کند که نام این پیوند Exterrnal link است . یعنی در صفحه وب چنانچه بر روی متن  Exterrnal link  کلیک شود به آن سایت مراجعه خواهد شد.

<A HREF=”http://www.gooya.com/”> Exterrnal link </A>
دستور دوم:

متن  Internal link  را به عنوان پیوند انتخاب می کند که مقصد آن فایل  c:\home.htm  است .

<A HREF=”c:\home.htm”> Internal link </A>

با استفاده از این دستور می توان با بخشی از صفحه وب پیوند بر قرار کرد . یعنی به نقطه خاصی از صفحه وب مراجعه کرد. برای این منظور باید برای آن بخش از صفحه وب نامی را انتخاب کنید . این نام توسط NAME  از دستور <A> تعیین می شود .

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

6 دستور:

<A NAME=”jump”> jump target </A>

<H5 jump </H5

 <– متن مربوط به (jump ) –!>

<A HREF=”#jump”> local jump winthin document </A>

<A HREF = “http://www.company.com/document# jump”> Remote jump wihin document </A>

<A HREF = “first.htm#jump”> another file</A>

1 دستور اول برای بخشی از صفحه نام  jump  را انتخاب می کند.

2 دستور دوم عنوان jump  را می نویسد

3 دستور سوم یک توضیحات است که می گوید متن مربوط به  jump  نوشته شود .

4 دستور چهارم می گوید که متن  local jump with in document به عنوان پیوند تلقی شود که هر گاه بر روی آن کلیک شد، به بخشی از صفحه با نام  jump  منتقل شود. یعنی وقتی مرورگر به علامت # برخورد می کند، به دنبال بخشی می گردد که با آن مشخص شده است وسپس کاربر را به آنجا می برد.

5 دستور پنجم مشخص می کند که بخش نامگذاری شده می تواند در یک کارگزار وب دیگری باشد.

6 دستور ششم مشخص می کند که بخش نام گذاری شده ممکن است در فایل دیگری بر روی همان کامپیوتر موجود باشد، به طوری که با کلیک کردن بر روی پیوند  another file  کاربر به بخش از صفحه منتقل می گردد. که در فایل

first.htm قرار دارد .

دستور <STRONG>

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

It is really < STRONG> Important </STRONG> to pay attention

با اجرای این دستور ، بر کلمه () تاکید می شود.

دستور <DIV>

این دستور محتویاتی را مشخص می کند که باید به عنوان یک واحد منطقی مورد استفاده قرار گیرند. دستور زیر را ببینید:

<DIV ALGN=”JUSTIFY >

All text within this division will be justified

.(but only under netscape 4.0 and above)

<DIV/>

<DIV ALIGN=”right>

Get ready to animate and stylize this

<DIV/>

دستور <SPAN>

با این دستور می توان ویژگی خاصی را به متنی اعمال کرد . یعنی می توان متن را گروهبندی کرد و بر روی آن متن ، صفات خاصی را تعیین نمود دستور زیر را ببینید:

 

<H1> <SPANCLASS= “black”> CSS </SPAN

<SPAN CLASS =”white”> Fun <SPAN> </H >

دستور <EM>

این دستور برای تاکید بر روی یک متن مورد استفاده قرار می گیرد . متنی که بین <EM> و <EM/> قرار می گیرد ، برای مرورگر به عنوان تاکید محسوب می شود و آن را به شیوه خاصی نشان می دهد.

This is an <EM> important point </EM>To consider.

 

دستور <BLOCKQUOTE>

اگر بخواهید متنی را داخل کوتیشن قرار دهید و آن را از سایر متنها جدا کنید، از این دستور استفاده کنید.

این دستور ،به متن مورد نظر تو رفتگی می دهد دستور را ببینید:

<BLOCKQUOT>

This text is very important

<BLOCKQUOTE />

مثال

برنامه ای که دستورات <EM> ، <DIV> ،<BLOCKQUOTE> و <SPAN> را نشان می دهد.

CamScanner ۰۸-۱۴-۲۰۲۲ ۱۳.۳۰

اجرای آن در شکل زیر آمده است.برگرفته از :

CamScanner ۰۸-۱۴-۲۰۲۲ ۱۳.۳۱

برگرفته از

کتاب راهنمای جامع (HTML, BHTML, XML)

دکتر عین الله جعفر نژاد قمی

پاسخ به سوال دوستان :

شاید تاکنون به این فکر کرده باشین که چرا باید برای کسب و کار خود وبسایت داشته باشین ؟

دلیل اینکه می‌گوییم باید سایت داشته باشید این آمار است. توجه کنید که ۸۱٪ از افراد قبل از

تصمیم گیری در مورد خرید و فروش در یک کسب وکار یا خدمات، در اینترنت تحقیق می کنند.

یعنی ۲۵.۹۲ میلیون نفر هستند که مشاغل را به صورت آنلاین جستجو می کنند. با این وجود ۴۶% کسب و کارها فکر می‌کنند نیاز به وب سایت ندارند.

توجه داشته باشید که جهان به سمت دیجیتالی شدن پیش می‌رود و نداشتن وب سایت

برای یک شرکت یا هر کسب و کاری، به منزلۀ جا ماندن از گردونۀ روزگار است.

برای اطلاعات بیشتر با همکاران ما در شرکت آراز پردازش در ارتباط باشید

آدرس ایمیل:  [email protected]

اینستاگرام شرکت:   https://instagram.com/araz_pardazesh_kla

تماس با ما:     https://arazpardazesh.com/contact

نوشته های مرتبط

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

سه × 5 =