جلسه ۱۳: ویژگی ها + هایپر لینک ها در html

استفاده از صفات HTML و پیوند دادن به سایر صفحات HTML.
موارد زیر را بیان خواهیم کرد

• صفات HTML
• لینک های قلابی / هایپرلینک ها
• مسیرهای نسبی در مقابل مسیرهای URL مطلق

اکنون که زمینه استفاده از HTML را درک کردید ، می توانیم جزئیات بیشتری درباره استفاده از HTML را بررسی کنیم.

ویژگی های HTML

ویژگی های HTML اطلاعات بیشتری در مورد یک عنصر HTML ارائه می دهند. ویژگی ها را می توان به عنوان خصوصیات عنصر در نظر گرفت. یک عنصر ممکن است دارای یک یا چند ویژگی واحد باشد و یا اصلاً ویژگی نداشته باشد.

بیایید نگاهی به عنوان نمونه با ویژگی عنوان بیندازیم:

<h2 title="This is a subheading">Hello, World!</h2>

ویژگی ها در تگ های باز قرار می گیرند ، با فاصله بعد از اعلان عنصر (یا یک ویژگی دیگر ، اگر چندین مورد وجود داشته باشد) و با استفاده از قالب زیر تعریف می شوند:

<tagName attribute_name="attribute_value"></tagName>

نام ویژگی همیشه با علامت = دنبال می شود و مقدار صفت همیشه با علامت نقل قول احاطه می شود. هیچ فاصله ای بین نام ویژگی ، = و مقدار ویژگی وجود ندارد.

ازمون:

نوع دیگر ویژگی HTML ویژگی "style" است که می تواند برای ایجاد یک سبک سفارشی به یک عنصر مورد استفاده قرار گیرد. چگونه می توان یک عنصر پاراگراف را با دو ویژگی عنوان و سبک تعریف کرد؟

لینک های قلابی /هایپرلینک ها

یکی از مهمترین جنبه های شبکه جهانی وب ، امکان لینک دهی به سایر قسمتهای وب است. بدون راهی برای هدایت صفحه HTML ما به آدرسهای وب دیگر ، در واقع “وب” وجود نخواهد داشت!

ما می توانیم با ایجاد یک پیوند با استفاده از تگ لنگر ، یک صفحه HTML را به سایر صفحات وب متصل کنیم:

<a href="http://www.google.com">Google</a>

ویژگی href به Hypertext Reference اشاره دارد ، که مقدار آن یک (URL) است. ویژگی href همچنین می تواند به مواردی از جمله اشاره داشته باشد:

1. آدرس های ایمیل (mailto: someone@educative.io)
2. شماره های تلفن (tel: +18004444444)
3. داکیومنت / فایل ها (آدرس URL فایل را به جای صفحه وب بدهید)
4. مکان متفاوت دیگری در همان صفحه وب که مرورگر در حال حاضر در آن است

مسیرهای نسبی در مقابل مطلق URL

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

یک URL مطلق به یک آدرس واحد اشاره می کند که بدون توجه به اینکه صفحه اصلی از کجا می آید ، به همان مکان هدایت می شود. به نظر می رسد چیزی شبیه به این است: http://www.github.com/google.

در مسیر URL مطلق سه جز components اصلی وجود دارد:

پروتکل: آنچه شما بیشتر به عنوان http: // یا https: // هنگام مرور وب سایت ها مشاهده می کنید ، اما می تواند موارد دیگری مانند پرونده: // یا ftp: // باشد

دامنه: نام وب سایت (در این مثال ، www.github.com)

مسیر: دایرکتوری (یا پوشه) که می خواهیم به آن برویم. این قسمت همیشه لازم نیست و به طور کلی به ما امکان می دهد تا به قسمت خاصی از دامنه برویم (در این مورد ، نمایه Google در Github)

یک URL مطلق تمام اطلاعات لازم برای یک مرورگر با اتصال به اینترنت برای رسیدن به آدرس مورد نظر را فراهم می کند. بعلاوه ، یک URL مطلق در صورت استفاده در دستگاهها / مرورگرهای مختلف ، مقصد خود را تغییر نمی دهد.

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

بیایید نگاهی بیندازیم به یک مثال سریع از یک فهرست به نام وب سایت با:

یک صفحه اصلی index.html
یک بخش درباره ، با نام about.html
یک فهرست تو در تو به نام blogPosts ، دارای سه مقاله HTML با نام های:
Article1.html
Article2.html
مقاله۳٫html

اگر ما در فهرست وب سایت در پرونده index.html شروع به کار کنیم ، می توانیم با درج برچسب anchor به قسمت About هدایت شویم:

<a href="about.html">About</a>

حال ، بگویید می خواهیم به مقاله ای در پوشه blogPost خود برویم. مسیر URL نسبی سپس شامل نام پوشه است: blogPost / Article2.html. سپس کل عنصر لنگر عبارت است از:

<a href="blogPost/article2.html">Article ۲</a>

حال ، اگر در فهرست blogPost هستیم ، چگونه می توانیم به صفحه index.html بازگردیم؟ ما می توانیم این کار را با مشخص کردن مسیر رسیدن به پرونده به یک سطح بالا انجام دهیم ، مانند این: ../index.html.

آزمون:

اکنون که در مورد ویژگی ها و پیوند دهی بیشتر یاد گرفتید ، بیایید اضافه کردن عنوان و لیست در یک صفحه HTML را بیاموزیم.