نحوه ایجاد یک صفحه وب ساده با استفاده از براکت برای مبتدیان: 14 مرحله

2024 نویسنده: John Day | [email protected]. آخرین اصلاح شده: 2024-01-30 08:53

معرفی

دستورالعمل های زیر راهنمای گام به گام برای ایجاد یک صفحه وب با استفاده از براکت ها را ارائه می دهد. Brackets یک ویرایشگر کد منبع با تمرکز اصلی بر توسعه وب است. این نرم افزار توسط Adobe Systems ایجاد شده است ، یک نرم افزار رایگان و منبع باز است که تحت مجوز MIT دارای مجوز است و در حال حاضر توسط GitHub توسط Adobe و دیگر توسعه دهندگان منبع باز نگهداری می شود. به زبان جاوا اسکریپت ، HTML و CSS نوشته شده است.

دستورالعمل ها

توجه: - همه برچسب های HTML باید بین دو براکت قرار داشته باشند:

مرحله 1: نرم افزار را بارگیری کنید

براکت ها را از این وب سایت https://brackets.io/ بارگیری کنید.

مرحله 2: براکت ها را باز کنید

نرم افزار Brackets دانلود شده را در رایانه باز کنید.

مرحله 3: ایجاد یک فایل جدید

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

مرحله 4: ذخیره به عنوان فایل

روی این فایل "بدون عنوان" راست کلیک کنید ، روی save as کلیک کنید ، سپس باید آن را در درایو ذخیره کنید

در این مرحله می توانید هر نامی را به فایل بدهید ، فقط مطمئن شوید بعد از نام ".html" (dot html) را اضافه کنید.

مرحله 5: با برچسب DOCTYPE شروع کنید

هر صفحه html باید با برچسب ساختار زیر شروع شود. به مرورگر می گوید هنگام ارائه یک صفحه HTML چه قوانینی را باید رعایت کند.

مرحله 6: HTML Tag

و - این برچسب ها برای شروع و پایان یک سند است.

مرحله 7: برچسب های سر و بدن

در بین برچسب های html ، بنویسید و ، جایی که حاوی مطالب "پشت صحنه" است. همچنین بنویسید و جایی که شامل متن ، تصاویر ، ویدئو ، صدا و غیره است.

مرحله 8: متا تگ

در بین برچسب ها ، جایی بنویسید که اطلاعاتی از قبیل اصطلاحات موتور جستجو یا رمزگذاری کاراکترها را ارائه می دهد.

مرحله نهم: برچسب عنوان

در بین برچسب ها ، زیر ، نوشتن و. بنابراین ، هر چیزی را که بین آنها بنویسید ، آن را در بالای پنجره مرورگر مشاهده خواهید کرد و این برچسب برای موتورهای جستجو مهم است. به عنوان مثال ، من قصد دارم "WRD 204" را بنویسم

مرحله 10: اضافه کردن پاراگراف با استفاده از P Tag

در این بین ، هرگونه اطلاعاتی را که می خواهید در صفحه وب دیده شوند ، بنویسید ، مانند تصویر ، صدا ، ویدئو و پاراگراف ، برای مثال ، من قصد دارم با استفاده از این برچسب ها برای پاراگراف پاراگراف بنویسم:

و

مرحله 11: نتایج خود را مشاهده کنید

برای مشاهده نتایج: ابتدا روی فایل راست کلیک کرده و روی "ذخیره" کلیک کنید تا روی نماد "پیش نمایش زنده" در گوشه بالا سمت راست کلیک کنید.

توجه: - هر زمان که تغییری ایجاد می کنید و می خواهید نتیجه را ببینید ، ابتدا باید فایل را ذخیره کنید ، می توانید از میانبر "Ctrl + S" استفاده کنید

مرحله 12: قالب بندی را تغییر دهید

اگر می خواهید اندازه قالب متن را تغییر دهید ، از بزرگترین عنوان یا کوچکترین عنوان استفاده کنید. در مثال من استفاده خواهم کرد.

مرحله 13: برچسب شکستن تک/دو خط

اگر می خواهید بین پاراگراف ها یک خط/یک خط فاصله ایجاد کنید ، از تگ استفاده کنید

مرحله 14: نتیجه گیری

تبریک می گویم! اکنون می توانید شروع به ایجاد صفحه وب خود کنید.

اگر برای دانستن اطلاعات بیشتر در مورد برچسب های HTML جالب هستید ، این وب سایت را توصیه می کنم