(نسخه قابل پرینت موضوع)
عنوان موضوع : :: آموزش HTML ، جلسه نهم ::
نمایش موضوع اصلی :
سپیده 313
چهارشنبه ۱۱ دی ۱۳۹۲ ۰۹:۴۳ بعد از ظهر
آموزش HTML ، جلسه نهم
آشنایی با انواع روش های آدرس دهی
نحوه آدرس دهی با توجه به محل قرارگیری فایل مقصد به دو روش
relative
یا وابسته و
absolute
یا مستقل انجام می شود.
در روش
absolute
آدرس مقصد لینک، مربوط به یک سایت دیگر می باشد. لینک های ایجاد شده در بخش قبلی نمونه هایی از این روش می باشند.
در روش
relative
آدرس فایل مقصد بر اساس محل قرارگیری فایل موردنظر در پوشه اصلی سایت تعیین می شود. (به پوشه اصلی سایت پوشه
root
نیز گفته می شود.)
برای اینکه یک عبارت را به یک فایل لینک نمائیم، ابتدا عبارت را در تگ
<a>
قرار می دهیم و مقدار صفت
href
را برابر با نام فایل موردنظر وارد می کنیم.
در این مثال با کلیک روی کلمه
CSS
در پاراگراف اول وارد صفحه
about-css
می شویم و در پاراگراف دوم با کلیک بر روی کلمه
HTML tags
وارد صفحه تگ های
html
می شویم.
در مواردی که فایل موردنظر در یک پوشه دیگر قرار دارد، نام پوشه نیز قبل از نام فایل وارد می شود.
در این مثال فایل
about-css
در داخل پوشه
other
قرار دارد، به همین دلیل نام پوشه را نیز قبل از نام فایل وارد می کنیم.
برای ایجاد لینک بازگشت در صفحه موردنظر، کلمه را در داخل تگ
<a>
قرار می دهیم و سپس مقدار
href
را صفحه اصلی خود تعیین می کنیم. در این مثال در صفحه
css
لینک
back to main page
را قرار دادیم که با کلیک روی آن وارد صفحه اصلی می شویم.
کدهای صفحه اصلی : main.html
<html>
<head>
<title>Hyperlinks</title>
</head>
<body>
<h2>About HTML</h2>
<p align="justify">
HTML and <a href="other/about-css.html"> CSS </a> are two of thecore technologies for building Web pages.
</p>
<p>
List of <a href="tags.html">HTML tags</a>
</p>
</body>
</html>
کدهای صفحه css:
about-css.html
<html>
<head>
<title>Hyperlinks</title>
</head>
<body>
<h2>What is CSS</h2>
<p align="justify">
Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including SVG and XUL.
</p>
<p>
<a href="main.html"> back to main page </a>
</p>
</body>
</html>
Powered by
FAchat