- 4.3 از 5 بر اساس 13 رای
این اگر فایل razdel.html در پوشه مشابه با فایل index.html قرار دارد، این است. اگر آن را به عنوان مثال در پوشه صفحات قرار می گیرد، آدرس به نظر می رسد:
تمام کد فایل index.html به نظر می رسد:
شما می توانید فایل index.html را در مرورگر خود باز کنید و لینک را دنبال کنید، به عنوان یک نتیجه باز خواهد شد صفحه جدید. همانطور که متوجه شدید این مورد صفحه در پنجره فعلی افتتاح شد. شما می توانید آن را به طوری که هنگامی که شما بر روی لینک کلیک کنید، صفحه جدید باز شده در یک پنجره جدید برای این به برچسب باز شما نیاز به اضافه کردن target \u003d "_ blank" ویژگی آن را به نظر می رسد مانند این:
علاوه بر این، لینک های داخلی نیز وجود دارد. لینک های داخلی برای مرور در داخل در نظر گرفته شده است سند باز. این ممکن است مفید باشد اگر شما، به عنوان مثال، تصمیم به ایجاد یک سند بزرگ، و در بالای آن برای قرار دادن محتوا. یا فقط باید به سرعت یک بازدید کننده را به هر بخشی از صفحه خود ارسال کنید.
فرض کنید ما باید چنین لینک را با کلیک کردن بر روی آن که بازدید کننده به قسمت فوقانی این صفحه وارد می شود، ایجاد کنیم. برای این، اولین کلمه یا عبارت در این صفحه باید در برچسب نتیجه گیری شود کلمه ی اول. جایی که در نقل قول ها لازم است هر نام را مشخص کنید.
به عنوان مثال، برای آن صفحه که در آن شما در حال حاضر، شما می توانید این کار را انجام دهید:
این ما لنگر به عنوان مثال را تعریف کردیم.، جایی که کاربر هنگام کلیک بر روی لینک ما سقوط خواهد کرد. در حال حاضر در جایی که لازم است، باید لینک خود را مشخص کنید. این کار مانند این است:
توجه داشته باشید که در اینجا در نقل قول قبل از کلمه verh باید یک علامت شبکه # باشد. برای دیدن اینکه چگونه کار می کند، می توانید بر روی لینک زیر کلیک کنید :.
شما می توانید نه تنها به فایل های با Extension HTML، بلکه همچنین در فایل ها با افزونه های دیگر نیز اشاره کنید. برای انجام این کار، در لینک آدرس، شما باید نام و گسترش فایل مربوطه را ثبت کنید. به عنوان مثال، لینک HTML به فایل بایگانی به نظر می رسد:
شما می توانید سعی کنید هر فایل آرشیو یا موسیقی را به یک پوشه با فایل هایی که قبلا ایجاد کرده اید کپی کنید و به آنها پیوند دهید. در این مورد، هنگامی که روی لینک کلیک میکنید، مرورگر به شما پیشنهاد می دهد تا فایل را باز یا ذخیره کنید. ویژگی target \u003d "_ blank" نیز می تواند به این لینک ها اعمال شود.
در حال حاضر در نظر بگیرید که چه نوع لینک ها هستند. منابع مطلق و نسبی تفاوت وجود دارد. لینک های مطلق ارجاعی هستند که در آن آدرس کامل سند مشخص شده است. چنین لینک هایی برای برقراری ارتباط با منابع شبکه خارجی استفاده می شود. مثال از این لینک:
http: // - رایج ترین پروتکل، با استفاده از آن با دسترسی به صفحات وب ارائه شده است، لینک به نظر می رسد این است:
mailto: - پروتکل دسترسی به ایمیل. باید مورد استفاده قرار گیرد اگر می خواهید یک لینک را به آن بدهید پست الکترونیک. کد مرجع به شرح زیر نوشته شده است:
علاوه بر این پروتکل ها، هنوز یک پروتکل FTP: // وجود دارد که فایل ها از طریق FTP با استفاده از برنامه مشتری FTP انتقال می یابند. و پرونده: // پروتکل برای مشخص کردن لینک به صفحه واقع شده در کامپیوتر محلی استفاده می شود.
هنگام ایجاد صفحات وب، شما بیشتر باید با دو پروتکل اول مقابله کنید. و آخرین چیزی که ما می توانیم به عنوان بخشی از این درس در نظر بگیریم، این است که چگونه یک پیوند از تصویر ایجاد کنیم. در واقع، همه چیز بسیار ساده است. به جای متن محصور شده در برچسب ها، شما باید آدرس تصویر را وارد کنید. چگونه می توان یک تصویر را وارد کنید ما در درس در نظر گرفتیم که چگونه تصاویر را وارد کنیم و آنها را در HTML قرار دهیم.
تصویر را که در سمت چپ در آن پوشه مشاهده می کنید را ذخیره کنید که در آن فایل هایی که قبلا ایجاد کرده اید، ذخیره می شود. در حال حاضر ما این مرجع تصویر را ایجاد خواهیم کرد. برای انجام این کار، در فایل index.html ما باید ثبت نام کنید:
از طریق اینترنت شما می توانید چنین اثر را ببینید زمانی که هنگامی که شما بر روی لینک به شکل یک تصویر کوچک کلیک کنید، تصویر دیگری بارگذاری می شود. به منظور چنین اثری، شما باید آدرس تصویر بزرگ را به عنوان یک آدرس در لینک مشخص کنید.
لینک لینک می تواند صفحات را هر دو در یک سایت متصل کند و هر صفحه ای را در اینترنت مشخص کند. هنگام ساخت یک مرجع به صفحات دیگر، شما همیشه باید از آدرس صفحه مطلق (http://www.site.com/page.html) استفاده کنید. اگر یک پیوند را به صفحه در داخل سایت ایجاد کنید، پس از استفاده از URL نسبی (صفحه، HTML، CATALOG / PAGE.HTML) ترجیح داده می شود. با ایجاد یک لینک گرافیکی، به یاد داشته باشید که برخی از گرافیک در دسترس نیست، بنابراین مطمئن شوید که عناصر متن مناسب را شامل می شود.
مثال:
لینک در صفحات HTML
گاهی اوقات لازم است که یک لینک را در یک صفحه ایجاد کنید. به عنوان مثال، در این صفحه، این ها در ابتدای درس لینک ها هستند، به شما این امکان را می دهند که یک سوال خاص را مشاهده کنید و در پایین صفحه - به شما اجازه می دهد تا به بالای صفحه بروید.
مثال:
لینک پستی
مثال:
|
کد HTML: [ایمیل محافظت شده] |
نمایش در مرورگر: |
باز کردن صفحات HTML در یک پنجره جدید
با استفاده از ویژگی هدف، می توانید یک صفحه را در یک پنجره مرورگر جدید آپلود کنید. این ویژگی برای تنظیم نام پنجره طراحی شده است. نام پنجره برای اهداف خدمات استفاده می شود. برای باز کردن صفحه در یک پنجره جدید، شما باید از ثابت _blank استفاده کنید.
مثال:
رنگ متن متن
ویژگی های لینک، alink، vlink رنگ فونت hyperlink را تنظیم کنید.
ویژگی لینک برای برجسته کردن لینک ها که هنوز توسط کاربر بازدید نشده است استفاده می شود.
منظور انتقال به لینک ها
برخی از مرورگرها می توانند از تابع انتقال توسط لینک ها با استفاده از کلید Tab پشتیبانی کنند. در این مورد، مرورگر پیش فرض، لینک ها را به ترتیب موارد زیر در صفحه صفحه نمایش می دهد. شما می توانید سفارش انتقال را با استفاده از ویژگی تگ Tabindex تغییر دهید . برای فعال کردن لینک به یک لیست توصیف یک نظم انتقال جدید، شما باید یک عدد مثبت عدد صحیح خاص را در محدوده از 1 تا 32767 اختصاص دهید. برای حذف یک لینک از لیست، شما باید هر ویژگی منفی را اختصاص دهید. هنگامی که کاربر کلید Tab را فشار می دهد، مکان نما به لینک با کوچکترین مقدار شاخص مثبت حرکت می کند. اگر چندین لینک به همان مقدار شاخص اختصاص داده شود، اولین انتخاب شده یکی از آنها را در صفحه صفحه نمایش بالا قرار می دهد.
باید گفت که ویژگی Tabindex را می توان برای انتخاب اشیاء دیگر مانند تصاویر گرافیکی استفاده کرد.
دستورالعمل
لینک های Hypertext به منظور مرتبط کردن متن، تصویر یا سایر عناصر صفحه با سایر اسناد HyperText طراحی شده اند. تمام موارد صفحه سایت، از جمله لینک ها، توسط یک مرورگر ایجاد می شود که دستورالعمل های دقیق را از صفحه کد صفحه دریافت می کند. این کد در HTML (زبان نشانه گذاری hypertext "زبان نشانه گذاری hypertext" است) شامل "برچسب ها" است که نوع، ظاهر و مکان تمام موارد صفحه وب را توصیف می کند. HyperLink استاندارد توسط مرورگر زمانی که آن را در کد صفحه ملاقات می کند، به عنوان مثال، چنین تگ: لینک متن برچسب باز کردن مرجع است، که بسته است. تگ باز ممکن است حاوی باشد اطلاعات اضافی - "ویژگی های". در این لینک ساده، ویژگی HREF حاوی آدرس صفحه یا سند است، درخواست که اگر بازدید کننده بر روی لینک کلیک کند ارسال می شود. گاهی لازم نیست که آدرس کامل را مشخص کنید - اگر سند درخواست شده بر روی سرور در همان پوشه قرار گیرد (یا در آن توزیع شده)، آن را به اندازه کافی مشخص کنید که فقط نام یا مسیر آن را به پوشه توزیع شده مشخص کنید. چنین "نسبی" نامیده می شود، به عنوان مثال، آنها باید عبارتند از: لینک متنی، سند moreText.HTML از همان پوشه به لینک متن دانلود می شود. و آدرس مطلق لینک ها با پروتکل شروع می شود، به عنوان مثال: لینک متن "http" (پروتکل انتقال HyperText) آدرس معمولی سند در شبکه است. و اگر پروتکل Mailto را مشخص کنید، لینک شما را اجرا می کند برنامه پستیبه جای انتقال به: لینک های ایمیل به لینک به فایل های دروغین در سرور FTP نشان می دهد، به ترتیب، FTP (پروتکل انتقال فایل - پروتکل انتقال فایل "): پیوند به بایگانی
یکی دیگر از ویژگی های لینک، که نشان می دهد که پنجره باید دانلود شود سند جدیدمانند "هدف". اگر شما می توانید هر آدرس صحیح را در ویژگی HREF وارد کنید، هدف می تواند تنها چهار مقدار داشته باشد: _self - صفحه باید به همان پنجره یا قاب دانلود شود. "فریم ها" یک قسمت از بخش را به چندین بخش تقسیم می کنند؛ _Parent - اگر صفحه فعلی خود را از یک پنجره دیگر (یا قاب) بارگذاری شد، سپس او یک پنجره "والدین" دارد. و مقدار _Parent نیاز به صفحه ای است که پیوند را مشخص می کند، به این پنجره والدین بارگذاری شد؛ _TOP - یک صفحه جدید باید به همان پنجره دانلود شود. اگر این پنجره به فریم تقسیم شود، پس از بوت شدن، آنها نابود خواهند شد، و صفحه جدید تنها قاب در این پنجره خواهد بود؛ _blank - یک پنجره جداگانه برای لینک باز می شود؛ به عنوان مثال: به عنوان مثال:
لینک در یک پنجره جدید باز خواهد شد
یک فرصت برای ایجاد لینک برای رفتن به صفحه دیگری وجود دارد، اما در برخی از طرح های داده شده از سند مشابه. برای مشخص کردن سند "مقصد" در کد HTML، مرجع لنگر مورد استفاده قرار می گیرد: و لینک، پیمایش سند را قبل از آن که لنگر به نظر می رسد مانند این است: اشاره به اولین لنگر به pseediclety اشاره به لنگر نه تنها در این سند، بلکه همچنین در دیگران: لنگر در صفحات دیگر در کد HTML از سند دیگر باید چنین لینک لنگر با نام \u003d "Anchor1" ویژگی وجود دارد.
لینک لینک می تواند نه تنها متن، بلکه عناصر دیگر صفحات - به عنوان مثال، تصاویر. ساده ترین تگ تصویر یک تصویر به نظر می رسد مثل این است: 
و به طوری که تصویر به یک لینک تبدیل شده است، باید بین پیوندهای باز و بسته بندی بسته بندی شود:
Hyperlinks یکی از مهمترین اجزای اسناد HTML هستند. این به دلیل این جزء است، و همچنین لینک های معمول اینترنت بسیار آسان برای استفاده است. ما به ساده ترین گزینه های اشاره لینک ها نگاه خواهیم کرد که به شما کمک خواهد کرد تا برنامه نویسان تازه کار این درس را به شما کمک کنند.
چگونه برای ایجاد لینک در HTML؟
چنین کد فقط بر روی سایت شما کار می کند منابع خارجی، او کار نخواهد کرد.
< a href=" *** ">***** < /a>
مثال:
< a href="https://сайт/">مجله چگونه همه چیز را انجام دهید< /a>
در مرورگر آن را به نظر می رسد:
< a href="https://сайт/prigotovlenie-edy/368-kak-sdelat-malosolnye-ogurcy.html">چگونه می توان خیس های کمر را پایین آورد؟< /a>
در مرورگر ما قادر خواهیم بود زیر را ببینیم:
چگونه برای ایجاد یک لینک در HTML در یک سایت خارجی؟
برای لینک های خارجی، کد باید کمی تغییر کند. برای ایجاد یک لینک به یک سایت دیگر، ما از کد استفاده می کنیم:
< a href="*** ">***** < /a>
< a href="https://vk.com/kaksdelatvse">ما در تماس هستیم "چگونه همه چیز را انجام دهیم"< /a>
در مقاله امروز، ما ساده ترین راه برای ایجاد یک وب سایت را در نظر خواهیم گرفت. من بلافاصله می خواهم این را بگویم این روش بسیار ابتدایی است و امروز هیچ کس سایت ها را به شیوه ای مشابه ایجاد نمی کند، زیرا برای این وجود دارد برنامه های ویژه و خدمات
اما اگر ما نیاز به ایجاد یک صفحه وب داشته باشیم، این روش حق دارد وجود داشته باشد.
به منظور ایجاد یک سایت ساده، ما به یک برنامه دفترچه یادداشت نیاز داریم که در هر کامپیوتر است.
در گوشه پایین سمت چپ به دکمه "شروع" فشار دهید و "همه برنامه ها" را انتخاب کنید. ما "نوت بوک" را پیدا می کنیم و دکمه دوبار ماوس را دوبار باز می کنیم.
بیایید چیزی چاپ کنیم
به عنوان مثال: هورا! من سایتم را ساختم
ما فایل "index.html" را می نامیم، "تمام فایل ها" را انتخاب کرده و روی دسکتاپ ذخیره می کنیم.
پس از صرفه جویی، این آیکون به نظر می رسد.
اگر ما این فایل را باز کنیم، صفحه وب را که ما ایجاد کردیم را مشاهده خواهیم کرد.
برای ویرایش ورود ما با دکمه سمت راست ماوس، بر روی آیکون کلیک کنید و "Open با استفاده از" -\u003e "Notepad" را در منوی زمینه انتخاب کنید.
پس از تغییرات ساخته شده، فراموش نکنید که فایل را ذخیره کنید. باز کردن فایل در مرورگر، تغییرات را خواهیم دید.
به سایت برای همه در اینترنت قابل مشاهده است، شما باید آن را به میزبانی دانلود کنید.
بنابراین، شما می توانید ساده ترین منابع وب را ایجاد کنید.
برای تزئین سایت با تصاویر و لینک ها، و همچنین اضافه کردن رنگ، اندازه فونت را تغییر دهید، یک جدول اضافه کنید، و غیره، شما باید زبان HTML را که مرورگر را درک می کنید، اعمال کنید.
به همین دلیل ما فایل ما را با extension.html ذخیره کردیم.
برچسب ها برای ایجاد یک سایت در HTML در دفترچه یادداشت
برای شروع، خوب خواهد بود بدانید که صفحه وب سایت چیست.
این یک سند متنی است که در زبان نشانه گذاری HyperText نوشته شده است (HTML).
برای درک آنچه باید با شرایط عمومی آشنا باشد.
HTML یک راه برای نشان دادن یک سند است که به همان اندازه توسط مرورگرهای مختلف در یک فرم مناسب و قابل فهم تفسیر می شود. زبان بر اساس خاصیت است عناصر ساختاری - برچسب ها با کمک آنها و HTML صادر می شود - سند.
اغلب استفاده می شود
برچسب ها عبارتند از:
- زوج
، به عنوان مثال باز کن
, و بسته شدن برچسب ها
, . برچسب بسته - یک توصیفگر با نشانه ای از اسلش (/)؛ - غیر عادی.
انواع اصلی و هدف از برچسب
- — این عنصر مرورگر را مشخص می کند که چگونه سند را تفسیر کنید. این یک عنصر اجباری نیست، اما توصیه می شود از آن برای جلوگیری از مشکلات که ممکن است زمانی رخ دهد که صفحه نمایش داده شود، استفاده شود.
- - این تگ است که از آن هر سند وب به پایان می رسد.
- < سر.> </ سر.\u003e - داخل این برچسب واقع شده است اطلاعات مهم (متادیتا، عنوان صفحه، مراجع به سبک های طراحی، و همچنین اسکریپت ها).
- یک برچسب جفت دیگر , که در داخل قبلی واقع شده است . این کار برای تعریف هدر صفحه وب است که در مرورگر نمایش داده می شود. - تگ پیگیری . آن داخل است \u003e تمام اطلاعاتی وجود دارد که کاربر در مرورگر مشاهده خواهد کرد.
- - خدمت به طراحی لینک ها (). این یکی از مهمترین عناصر زبان HTML است.
- - با کمک آن، پاراگراف های متن کشیده می شود.
- - خدمت به برجسته متن به صورت پررنگ.
,
,
,
,
,
- همچنین برچسب های جفت، به عنوان مثال:
. با کمک آنها، متن را می توان به زیرنویس سطوح مختلف تقسیم کرد، که باعث می شود که اهمیت آنها در رابطه با کل سند تعیین شود.- برچسب بر خلاف قبلی است - بدون پرداخت. این برای تعیین انتقال به یک رشته جدید در سند استفاده می شود.
در واقع، برچسب ها بسیار بیشتر وجود دارد، اما به اندازه کافی به اندازه کافی برای ایجاد یک صفحه ساده از سایت از طریق یک نوت بوک به اندازه کافی ذکر شده است.
بر اساس بالا، صفحه ایجاد شده توسط ما در HTML، فرم زیر را می گیرد:
بنابراین، یک سایت را در HTML در دفترچه یادداشت به اندازه کافی ساده ایجاد کنید.
ویدئو: "چگونه یک سایت را در 15 دقیقه ایجاد کنید"
برای ایجاد یک صفحه بیشتر جذاب نیاز نه تنها، بلکه همچنین برای یادگیری CSS.
