نحوه ایجاد یک صفحه HTML

اگر می خواهید صفحه وب خود را ایجاد کنید, شما باید درک درستی از HTML داشته باشید. This article explains how to create an HTML page. همچنین, شما یاد خواهید گرفت که چگونه یک نقشه سایت xml ایجاد کنید و چگونه یک تصویر و لینک اضافه کنید. ایجاد یک نقشه سایت xml نیز مهم است, که می تواند به سازماندهی سایت و افزایش ترافیک شما کمک کند. مرحله بعدی انتخاب یک قالب است.

Creating a html page

HTML یک زبان نشانه گذاری است. هر عنصر یک صفحه وب با یک برچسب نشان داده می شود. یک برچسب با براکت های زاویه ای مشخص می شود, و هر عنصر یک یا چند تگ دارد. برخی از عناصر فقط به یک برچسب نیاز دارند; دیگران ممکن است به دو مورد نیاز داشته باشند. تگ های باز و بسته دارای یک اسلش رو به جلو هستند (/). مثلا, عنصر پاراگراف با تگ p نشان داده می شود. متن بین تگ های باز و بسته، متن پاراگراف است.

برای ایجاد یک سند HTML, شما باید از یک ویرایشگر متن استفاده کنید. اکثر رایانه ها به طور پیش فرض دارای ویرایشگر متن هستند. کاربران ویندوز از اینترنت اکسپلورر استفاده خواهند کرد, در حالی که کاربران مک می توانند از TextEdit استفاده کنند. برای ایجاد یک صفحه وب حرفه ای می توانید یک ویرایشگر متن فانتزی نصب کنید, اما برای اولین صفحه HTML شما, لازم نیست. همچنین می توانید از یک ویرایشگر متن ساده و هر مرورگر وب استفاده کنید. اگر مطمئن نیستید که از کدام برنامه استفاده کنید, سعی کنید یک ویرایشگر HTML رایگان دانلود کنید.

صفحه html دو بخش اصلی دارد: بدن و سر. بخش بدنه حاوی محتوای واقعی وب سایت است, در حالی که قسمت head برای عنوان و اطلاعات متا استفاده می شود. بدن شامل تمام عناصر دیگر است, از جمله تصاویر و سایر گرافیک ها. بخش هدر مکانی برای قرار دادن لینک های ناوبری شما است. بعد از اینکه نوشتن بدن را تمام کردید, شما آماده درج محتوای سند هستید. مطمئن شوید که از عناصر بدن و سر استفاده کنید تا اطمینان حاصل کنید که وب سایت شما برای همه قابل دسترسی است.

Creating a xml sitemap

If you have an HTML page, ممکن است بخواهید یک نقشه سایت XML ایجاد کنید تا به موتورهای جستجو در خزیدن وب سایت شما کمک کند. اگرچه این روی رتبه بندی جستجوی شما تأثیری نخواهد داشت, این به موتورهای جستجو کمک می کند تا محتوای شما را درک کنند و میزان خزیدن آنها را تنظیم کنند. بدین ترتیب, وب سایت شما در نتایج موتورهای جستجو بیشتر قابل مشاهده خواهد بود. در اینجا چند مرحله آسان برای شروع آورده شده است:

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

وقتی صفحه HTML شما فعال شد, آن را به کنسول جستجوی گوگل ارسال کنید. می توانید از هر پسوند فایلی استفاده کنید و نقشه سایت XML خود را نام ببرید. شما می توانید نقشه سایت XML را به گوگل ارسال کنید, اما لازم نیست. خزنده های گوگل به طور کلی در کشف محتوای جدید بسیار خوب هستند, و شما نیازی به ارسال نقشه سایت برای آنها ندارید. همچنین می توانید آن را به سایر موتورهای جستجو ارسال کنید, اما این تضمین نمی کند که توسط Google کشف خواهید شد.

لازم نیست نقشه سایت XML را به صفحه وب خود اضافه کنید, اما سئوی وب سایت شما را افزایش می دهد. نقشه های سایت توسط موتورهای جستجو استفاده می شود تا به آنها کمک کند صفحاتی را که مستقیماً توسط یک صفحه وب به آنها پیوند داده نشده اند فهرست کنند.. نقشه سایت همچنین به بهبود دسترسی به محتوای رسانه ای غنی کمک می کند. افزودن نقشه سایت به وب سایت شما می تواند به دسترسی بیشتر سایت شما برای ربات های موتورهای جستجو کمک کند.

Adding a picture

In HTML, با استفاده از تگ img می توانید یک تصویر به صفحه اضافه کنید. این تگ فقط شامل تصویر و ویژگی های آن است; نیازی به تگ بسته شدن ندارد. این تگ تصویر باید در قسمت بدنه سند HTML درج شود. علاوه بر عرض و ارتفاع تصویر, شما باید یک ویژگی alt را برای توصیف تصویر اضافه کنید. تگ alt باید طوری نوشته شود که گویی توضیحات را برای شخصی می نویسید که نمی تواند آن را ببیند.

افزودن یک تصویر به یک سند HTML نیاز به کمی دانش CSS و HTML دارد. اندازه تصویر و وضوح تصویر دو مورد از مهمترین عواملی هستند که باید در نظر گرفته شوند. اندازه تصویر تعیین می کند که چگونه در محتوای سند قرار می گیرد. اگر ترجیح می دهید از وضوح یا نسبت تصویر متفاوت استفاده کنید, همچنین می توانید اندازه تصویر را تغییر دهید. با این حال, به یاد داشته باشید که مقیاس بندی همیشه آنطور که انتظار دارید کار نمی کند.

یک قانون کلی خوب برای تنظیم اندازه یک تصویر، افزایش عرض آن است. عرض باید حداقل یک پیکسل کوچکتر از ارتفاع باشد. اگر تصویر برای نمایش خیلی کوچک است, می توانید یک حاشیه اضافه کنید, و سپس آن را متناسب با اندازه تصویر تنظیم کنید. همچنین می توانید حاشیه یک تصویر را با افزودن آن به ویژگی border تنظیم کنید. ضخامت حاشیه مقدار پیش فرض است, اما می توانید آن را روی هر مقداری تنظیم کنید. مطمئن شوید که تصویر دارای ویژگی src است.

Adding a link

You can add a link in HTML to your document using an a> با ویژگی href تگ کنید. این یک نشانک برای سند ایجاد می کند و آن را در یک برگه جدید باز می کند. همچنین می توانید از ویژگی href برای درج تصویر در سند استفاده کنید. همچنین می توانید از یک پیوند با کد جاوا اسکریپت برای تبدیل دکمه HTML به لینک استفاده کنید. زمانی که این کار را انجام دادید, می توانید لینک خود را با کد CSS یا جاوا اسکریپت استایل دهید.

پیوند یک اتصال از یک منبع وب به منبع دیگر است. از دو انتها تشکیل شده است, یک لنگر منبع و یک لنگر مقصد. پیوند می تواند هر چیزی باشد، از تصویر گرفته تا فایل متنی. بیشتر سایت‌ها و وب‌سایت‌های شبکه‌های اجتماعی از پیوندهایی برای هدایت کاربران به یک URL خاص استفاده می‌کنند. HTML همچنین می تواند برای تعیین مکان یک پیوند استفاده شود. این یک’ ویژگی به شما امکان می دهد عناصر کد را به یک URL پیوند دهید.

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

Adding a table

Adding a table to an HTML page is simple, اما چند نکته وجود دارد که باید قبل از انجام آن در نظر بگیرید. رنگ پس زمینه میز شما برای جلب توجه بازدیدکنندگان و جلب توجه به اطلاعات مهم بسیار مهم است. می‌توانید با استفاده از کدهای رنگی هگزا یا نام رنگ‌ها، رنگ متفاوتی را برای عنصر هدر جدول و عنصر داده تنظیم کنید.. در هر صورت, میز شما به راحتی قابل مشاهده خواهد بود.

با عنصر td می‌توانید سرصفحه جدول و داده‌های جدول را اضافه کنید, که فردی را تعریف می کند “جعبه ها” برای محتوا. اضافه کردن هدر جدول اولین گام برای نمایش داده ها در یک صفحه وب است, و در صورت تمایل باید اولین مورد را اضافه کنید. یک جدول همچنین باید دارای سه عنوان ردیف باشد. یک سرصفحه باید خالی باشد. اگر جدول شما دارای ستون است, همچنین باید برای هر ستون سرصفحه های ردیف ایجاد کنید.

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

Adding a div

Adding a div to an HTML file allows you to add a section of your webpage without re-writing the whole page. عنصر div یک محفظه مخصوص برای متن است, تصاویر, و عناصر دیگر. شما می توانید آن را هر چیزی که دوست دارید نام گذاری کنید و ویژگی های آن را متناسب با نیاز خود تغییر دهید. همچنین می توانید یک کلاس یا حاشیه برای ایجاد فاصله بین div و سایر عناصر صفحه خود اضافه کنید.

همچنین می توانید از ویژگی innerHTML برای درج کد در یک div استفاده کنید. این متد کد محصور شده در یک رشته را می پذیرد, و اگر در داخل div نباشد, محتوا حذف خواهد شد. شما باید از قرار دادن کد در یک div به این روش خودداری کنید, زیرا ممکن است وب سایت شما را در معرض آسیب پذیری های اسکریپت بین سایتی قرار دهد. اگر از یک زبان برنامه نویسی مانند جاوا اسکریپت استفاده می کنید, می توانید از ویژگی innerHTML استفاده کنید.

div یک تگ اصلی HTML است که برای گروه بندی کدها در یک سند استفاده می شود. می تواند شامل یک پاراگراف باشد, مسابقه, تصویر, سمعی, یا حتی یک هدر. موقعیت آن به شما امکان می دهد یک سبک و زبان یکنواخت را در بخش های مختلف صفحه اعمال کنید. Div ها به بهترین وجه برای نشانه گذاری معنایی که در گروه هایی از عناصر متوالی مشترک است استفاده می شود. زمانی که می‌خواهید بدون نیاز به بازنویسی کل صفحه، به یک بخش سبک اضافه کنید، باید از یک div استفاده شود.