جلسه ۱۳: ویژگی ها + هایپر لینک ها در 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
همچنین می تواند به مواردی از جمله اشاره داشته باشد:
- آدرس های ایمیل
(mailto: someone@educative.io)
- شماره های تلفن
(tel: +18004444444)
- داکیومنت / فایل ها (آدرس URL فایل را به جای صفحه وب بدهید)
- مکان متفاوت دیگری در همان صفحه وب که مرورگر در حال حاضر در آن است
مسیرهای نسبی در مقابل مطلق 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
را بیاموزیم.