صفحه را در مرورگر خو بهترین آموزش Html د ریش کنید تا نتایج را ببینید.

نحوه افزودن لینک در HTML

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

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

پیوندها در ویژگی باز شده توسط تگ گنجانده می شوند. این عنصر اولین عنصری است که ما با آن آشنا شده ایم که از یک ویژگی استفاده می کند و بنابراین با تگ های ذکر شده قبلی متفاوت به نظر می رسد.

تگ لنگر

تگ بازکننده (یا لنگر) به شکل زیر نوشته شده است:

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

در همین حال، قسمت دوم ویژگی حاوی متنی است که بهترین آموزش Html به بازدیدکننده نمایش داده می شود تا آنها را ترغیب کند تا روی آن پیوند کلیک کنند.

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

بیایید یک تگ لنگر ایجاد کنیم

بیایید آن را امتحان کنیم. کد را از صفحه index.html فعلی خود کپی کنید. آن را در یک پنجره جدید در ویرایشگر HTML خود کپی/پیست کنید.

این صفحه جدید را به عنوان "page2.html" ذخیره کنید و بهترین آموزش Html مطمئن شوید که در همان پوشه ای که صفحه index.html شما ذخیره شده است.

در page2.html کد زیر را اضافه کنید:

Google

این یک پیوند به Google در صفحه 2 ایجاد می کند. ذخیره را بزنید و به صفحه index.html خود بازگردید.

در یک خط جدید در index.html کد زیر را اضافه کنید:

Page2

مطمئن شوید که مسیر پوشه به فایل (page2.html) صحیح است بهترین آموزش Html. ذخیره و پیش نمایش index.html را در مرورگر خود بزنید.

اگر همه چیز درست باشد، پیوندی خواهید دید که شما را به آموزش برنامه نویسی کودکان و نوجوانان صفحه دوم خود می برد. در صفحه دوم، پیوندی وجود دارد که شما را به google.com می‌برد.

چگونه تصاویر را در HTML به وب سایت خود اضافه کنیم

در دنیای دیجیتال مدرن امروزی، تصاویر همه چیز هستند. تگ همه چیزهایی که برای نمایش تصاویر در سایت خود نیاز دارید را دارد. بسیار شبیه عنصر لنگر ، نیز حاوی یک ویژگی است.

این ویژگی حاوی اطلاعاتی برای رایانه شما در مورد منبع، بهترین آموزش Html ارتفاع، عرض و متن جایگزین تصویر است.

استایل و فرمت ها

ویژگی تصویر

با کلیک راست روی مورد و انتخاب "Properties" می توانید نوع فایل یک تصویر را بررسی کنید.

همچنین می‌توانید حاشیه‌ها و دیگر سبک‌ها را در اطراف تصویر با استفاده از ویژگی class تعریف کنید. با این حال، در آموزش بعدی به این موضوع خواهیم پرداخت.

انواع فایل‌هایی که معمولاً برای فایل‌های تصویری آنلاین استفاده می‌شوند عبارتند از: jpg.، .png، و (کمتر و کمتر) .gif.

متن جایگزین برای اطمینان از اینکه سایت شما به درستی در سایت های جستجو رتبه بندی می شود و همچنین برای بازدیدکنندگان کم بینای سایت شما مهم است.

تگ معمولاً به صورت زیر نوشته می شود:

</span><span style=تصویر را توصیف کنید" height="X" width="X">

بیایید آن را امتحان کنیم.

تصویر خود را با متن جایگزین ایجاد کنید

از بازی کردن با کد آزمون نترسید – این یک راه عالی برای سرگرمی در حین یادگیری است.

یک تصویر (فرمت jpg، .png، .gif.) را به انتخاب خود بهترین آموزش Html در همان پوشه ای که index.html و page2.html را ذخیره کرده اید، ذخیره کنید. این تصویر را testpic.jpg بنامید.

در یک خط جدید در ویرایشگر HTML کد زیر را وارد کنید:

</span><span style=این یک تصویر آزمایشی است" height="42" width="42">

ذخیره را بزنید و صفحه index.html را در بهترین آموزش Html مرورگر خود پیش نمایش کنید.

چگونه یک لیست HTML بسازیم

در طراحی وب، 3 نوع مختلف لیست وجود دارد که ممکن است بخواهید آنها را به سایت خود اضافه کنید.

فهرست مرتبشده

اولی یک

    است: این یک لیست مرتب شده از محتویات است. مثلا:

    یک آیتم

    یک مورد دیگر

    دیگری به اینجا می رود.

    در داخل تگ

      ، هر مورد در لیست را در داخل تگ‌های
      2. فهرست می‌کنیم.

      مثلا:

      1. یک مورد

      2. یک مورد دیگر

      3. یکی دیگر به اینجا می رود

      لیست نامرتب

      نوع دوم لیستی که ممکن است بخواهید در آن بگنجانید، فهرست نامرتب