چگونه در چند ساعت یک وب سایت ایجاد کنیم

ایجاد یک وب سایت نباید سخت باشد. در این مقاله, we’ll walk through the basics of html page creation and how to create a mini-includes list. بعد, در مورد نحوه استفاده از html بحث خواهیم کرد>-برای برجسته کردن متن تگ کنید. در نهایت, ما به شما نشان خواهیم داد که چگونه در عرض چند ساعت یک وب سایت ایجاد کنید. ما همچنین چند تکنیک مفید دیگر را پوشش خواهیم داد.

Creating a html page

HTML is the language used to build web pages. ساختار صفحه وب را تعریف می کند و CSS نحوه نمایش محتوا را کنترل می کند. ایجاد یک صفحه اصلی HTML دشوار نیست. در اینجا یک راهنمای گام به گام برای شروع آورده شده است. هنگامی که یک صفحه HTML اولیه دارید, شما آماده ایجاد موارد پیچیده تر و پویاتر هستید. برای شروع, شما به یک ویرایشگر متن و یک مرورگر وب نیاز دارید.

همچنین می توانید از یک واژه پرداز مانند MS Word برای ایجاد محتوای صفحه وب خود استفاده کنید. شما می توانید از لینک ها برای اتصال متن به یکدیگر استفاده کنید. همچنین می توانید فایل را به صورت فایل html ذخیره کنید, یک صفحه وب. این روش به خوبی جواب می دهد, اما صفحاتی که به این روش ایجاد می کنید بزرگ هستند و در پنجره مرورگر خوب به نظر نمی رسند. تنها نقطه ضعف این روش این است که باید یاد بگیرید از ابزارهای موجود استفاده کنید.

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

Creating a mini-includes list

Creating a mini-includes section is an effective way to link various elements on the same web page. یک صفحه HTML را می توان به چندین بخش فرعی تقسیم کرد, با هر بخش حاوی لیستی از عناصر. این عناصر در خدمت اهداف مختلفی هستند. برای نمایش ترتیب حروف الفبا می توانید از ویژگی type استفاده کنید. همچنین می توانید از حروف کوچک برای ایجاد لیستی از عناصر با حروف a استفاده کنید, ب, یا ج.

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

با استفاده از html>-برچسب زدن

html>-تگ برای تعریف منطقه محتوای اصلی یک سند HTML استفاده می شود. منطقه محتوای اصلی شامل متن مربوط به موضوع مرکزی یا عملکرد صفحه است. باید از محتوای دیگر سایت منحصر به فرد باشد. سایر مطالب ممکن است در صفحه به شکل نوارهای کناری ظاهر شوند, لینک های ناوبری, اطلاعات کپی رایت, لوگوهای سایت, و فرم های جستجو. یک صفحه HTML باید از html پیروی کند>-تگ به عنوان یک صفحه HTML در نظر گرفته شود.

ویژگی href= عنصر پیوند را باز می کند. پس از “=” امضاء کردن, شما باید آدرس لینک را بچسبانید. همچنین می توانید از چندین خط پاراگراف در یک عنوان استفاده کنید. بسته شدن براکت الزامی است. این از تفسیر نادرست لینک های شما جلوگیری می کند. برای سهولت خواندن صفحه html, یک لینک به وب سایت خود اضافه کنید. html>-برچسب به شما امکان می دهد پیوندهایی را اضافه کنید که به صفحه وب دیگری اشاره می کنند.

یک فایل HTML دارای پسوند a.html خواهد بود که به رایانه شما می گوید که یک فایل HTML است. بهتر است به جای فاصله از خط فاصله استفاده کنید, به عنوان فضاها مانع از یافتن فایل توسط مرورگر وب می شود. پس از تکمیل ساخت یک صفحه HTML, شما باید آن را ذخیره کنید. بعد, به پوشه حاوی فایل HTML بروید و روی آن راست کلیک کنید. باید مشابه تصویر زیر ظاهر شود.

با استفاده از html>-برای برجسته کردن متن تگ کنید

You can use the mark> برچسب برای برجسته کردن متن در اسناد HTML. این یک HTML نسبتا جدید است 5 ویژگی, و یک قسمت برجسته از یک پاراگراف را تعریف می کند. علامت> تگ با تغییر خاصیت رنگ پس زمینه سند HTML زیرین کار می کند. علامت> برچسب از هر دو ویژگی جهانی و رویداد پشتیبانی می کند. متن را به رنگ زرد یا سیاه برجسته می کند. همچنین امکان تغییر رنگ متن در فایل CSS زیر وجود دارد.

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

علاوه بر سبک پس زمینه رنگ, شما می توانید از "highlightme" استفاده کنید’ کلاس برای برجسته کردن متن در سند HTML شما. سبک پس‌زمینه رنگ توسط همه مرورگرها پشتیبانی می‌شود. همچنین می توانید از کلمه زرد استفاده کنید’ به جای کد رنگ. می توانید از همان کد برای برجسته کردن پاراگراف یا بخش متن استفاده کنید. همچنین می توانید از کلاس های CSS برای برجسته کردن متن استفاده کنید.

با استفاده از html>-tag to create a mini-includes list

html>-تگ برای ایجاد لیستی از mini-includes استفاده می شود. این شامل تگ بسته شدن مربوطه است و نام عنصر با حروف کوچک است. اسناد HTML با استفاده از رمزگذاری کاراکتر UTF-8 کدگذاری می شوند, که از گنجاندن کاراکترهای یونیکد پشتیبانی می کند. هنگام استفاده از html>-برچسب زدن, حتماً UTF-8 را در قسمت انتخاب کنید “ذخیره به عنوان” کادر محاوره ای.

با استفاده از html>-تگ برای افزودن یک لیست مینی شامل به صفحه HTML آسان است. می توانید از این تگ برای هر عنصری که از لیست نامرتب پشتیبانی می کند استفاده کنید. حتی می توانید از یک لیست نامرتب برای منوی پیمایش استفاده کنید. عنصر dl فهرستی از جفت اصطلاحات و توضیحات را در بر می گیرد. موارد موجود در لیست مرتب شده با یک شمارنده در حال افزایش در سمت چپ نمایش داده می شوند. همچنین می توانید عنصر dl را حذف کنید اگر مورد لیست بلافاصله با عنصر دیگری دنبال شود.

راه دیگر برای درج یک لیست mini-includes اضافه کردن یک عنصر فوتر در یک سند HTML است. این عنصر نشان دهنده پاورقی نزدیکترین محتوای بخش بندی است. معمولاً حاوی اطلاعاتی در مورد نویسنده است, داده های حق چاپ, یا پیوندهایی به اسناد مرتبط. با استفاده از html>-tag to create a mini-includes list on an HTML page

با استفاده از html>-tag to highlight individual text blocks

HTML5 highlights individual text blocks with the mark> عنصر. این تگ HTML5 رنگ محتوای منبع را به سایه مشخصی از زرد یا سیاه تغییر می دهد, به خواننده اجازه می دهد متن مهم را تشخیص دهد. همچنین می‌توان از آن برای نشان دادن بخش‌هایی از محتوا که نیاز به توجه بیشتری نسبت به متن دیگر دارند استفاده کرد. علامت> عنصر از ویژگی های جهانی و ویژگی های رویداد در HTML پشتیبانی می کند. زمانی که به درستی استفاده شود, این تگ HTML5 می تواند خوانایی یک صفحه وب را افزایش دهد.

استاندارد HTML4 تگ های سطح کاراکتر سبک فیزیکی را منسوخ می کند. آنها با ارائه سروکار دارند, و برای این منظور بهتر است از CSS استفاده کنید. HTML5 آنها را دوباره معرفی کرده است. آنها دیگر منسوخ نیستند, اما آنها هنوز تنها راه برای برجسته کردن بلوک های متنی جداگانه نیستند. از CSS برای برجسته کردن تک تک بلوک های متن با HTML5 استفاده کنید! این روش ساده تک تک بلوک‌های متنی را در یک محتوا برجسته می‌کند.

شناور: می توانید از این ویژگی CSS برای شناور کردن یک عنصر در لبه چپ یا راست عنصر حاوی استفاده کنید. می توان از آن برای ایجاد یک شبکه یا ستون استفاده کرد. همچنین می توانید از یک ویژگی CSS به نام float برای شناور کردن یک iframe یا یک تصویر در حاشیه چپ یا راست مرورگر استفاده کنید.. این ویژگی ها برجسته کردن بلوک های جداگانه با CSS را آسان تر می کند.