طراحی وب سایت در کرج
026-34204893
09101013858

بایگانی برچسب‌ها : html

HTML | طراحی سایت در کرج | طراحی وب سایت | هلدینگ کیان تجارت فاوا

چرا (HTML (XHTML برای SEO مهم است

چرا (HTML (XHTML برای SEO مهم است

بسیاری از وب مسترها نوشتن HTML غیر معتبر را انجام می دهند؟ HTML یا “زبان نشانه گذاری متن فوق العاده”، به شدت مورد سوء استفاده قرار گرفته و ضعیف HTML معتبر در سراسر وب وب است.

HTML چیزی است که وب جهان را ساخته است و باید بیشتر جدی گرفته شود. اعتبار برنامه نویسی HTML یا برنامه نویسی بسیار مهم است. اما شما می پرسید چرا مهم است؟ اکثر صفحات وب در HTML نوشته شده و یا HTML یکبار یک پرس و جو پایگاه داده ای درخواست می شود که صفحه ای بر روی پرواز ساخته شود.

همانند هر زبان دیگر روی سیاره، HTML TEMP دارای نحو، واژگان و دستور زبان است. به عبارت دیگر، آن را باید توسط یک کامپیوتر دیگر قابل خواندن باشد و آن کامپیوتر بسیار باید آن را به درستی نمایش دهد.

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

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

چرا کد HTML معتبر است؟ کد معتبر به سادگی می گوید کد برنامه نویسی که مطابق با استانداردهای وب ساخته شده است، و یکی از تضمین های قابل اطمینان تان را فراهم می کند که سیستم عامل های وب آینده آن را به عنوان طراحی طراحی می کنند.

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

چرا متخصصان وب برای تأیید اعتبار برای Valid HTML انتخاب می کنند؟ * معتبر HTML اجازه می دهد تا دسترسی بیشتر، سازگاری متقابل مرورگر، و حتی می تواند رتبه بندی موتور جستجوی خود را به دست آورد.

* هنگامی که یک موتور جستجوگر مانند گوگل ردیابی می کند شما سایت خود را با ربات های جستجو می کنید، آن را TEMP برای تجزیه کد HTML از وب سایت خود برای پیدا کردن محتوای مربوط به واقعی مربوط به wem TEMPyou در حال نوشتن درباره.

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

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

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

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

آنها بسیاری از برنامه های کاربردی یا برنامه نویسی شما وب سایت (ها) را برای اچ تی ام ال  معتبر یا سازگار با HTML استفاده می کنند.

* مدیران حرفه ای از اعتبار سنجی به عنوان یک ابزار اشکال زدایی استفاده می کنند * مدیران حرفه ای از اعتبار سنجی به عنوان یک بررسی کیفی در آینده استفاده می کنند * مدیران حرفه ای از اعتبار سنجی استفاده می کنند تا مهارت های برنامه نویسی و برنامه نویسی خود را بررسی کنند.

این یکی از ساده ترین راه ها برای بررسی اینکه آیا یک صفحه مطابق با استانداردهای وب ساخته شده است یا نه، یکی از قابل اطمینان ترین تضمین ها را ارائه می دهد که پلتفرم های وب آینده آن را به عنوان طراحی طراحی خواهند کرد. *

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

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

همین امر برای وب سایت هایی که خراب هستند و دارای اچ تی ام ال نامعتبر است درست است. معتبر اچ تی ام ال یکی از مهمترین جنبه های بهینه سازی موتور جستجو است.

 

Tagged
HTML generator | طراحی سایت در کرج| هلدینگ کیان تجارت فاوا

وب سایت ژنراتور حقایق HTML

وب سایت ژنراتور حقایق HTML

بسیاری از مردم شروع به استفاده از سایت سازنده وب سایت می کنند. این مقرون به صرفه و آسان برای بالا بردن و اجرا است. با این حال، شما ممکن است بدانید چه HTML شما باید بدانید برای استفاده از ژنراتور وب سایت. واقعیت این است که برای استفاده از چنین نرم افزاری نیازی به دانش HTML ندارید.

با این حال، می تواند مفید باشد که چند حقایق HTML مولد وب سایت را بدانیم.

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

ممکن است دیگر ویژگی های مبهم که برای سایت شما می خواهید وجود داشته باشد که شما نیاز دارید کد HTML را در صفحه وب خود وارد کنید تا بتوانید آنها را اجرا کنید. این کاملا امکان استفاده از چنین خدماتی با HTML generator وب سایت است.

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

ممکن است دیگر ویژگی های مبهم که برای سایت شما می خواهید وجود داشته باشد که شما نیاز دارید کد HTML را در صفحه وب خود وارد کنید تا بتوانید آنها را اجرا کنید. این کاملا امکان استفاده از چنین خدماتی با HTML generator وب سایت است.

تمام مواردی که باید برای استفاده از چنین خدماتی انجام دهید، کد HTML برای وب سایت شما درون سازنده سایت است. این به طور کلی کار ساده ای است. اگر مطمئن نیستید که چگونه نسخه HTML سایت خود را به جای نقطه و رابط کلیک کنید، بخش کمک از سازنده وبسایت خود را بررسی کنید.

این باید به شما در جهت درست اشاره کند. اگر شما یک سازنده وب سایت خوب با پشتیبانی فنی داشته باشید، این افراد همچنین می توانند به شما کمک کنند.هنگامی که ژنراتور وب سایت HTML را باز کرده اید، می توانید محل مورد نظر خود را که می خواهید وارد کنید را انتخاب کنید.

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

پاسخ این است که آن بستگی به سازنده سایت دارد. برخی از سازندگان سایت فوق العاده ارزان هستند اما به وحشت افتاده تاریخ. بهترین سازنده وبسایت از HTML Generator وب استفاده خواهد کرد که به روز می شود و توسط هر مرورگر قابل مشاهده است.

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

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

در پایان، اکثر مردم با استفاده از یک سازنده سایت نیازی به ژنراتور HTML وب ندارند. همه چیز از طریق رابط نقطه و کلیک انجام می شود و به ندرت نیازی به مشاهده کد HTML و یا هر گونه تغییر آن است. این یکی از مزایای استفاده از سازنده سایت است.

 

Tagged
html | طراحی سایت در کرج | طراحی وب سایت در کرج | هلدینگ کیان تجارت فاوا

چگونه تبدیل شدن یک سند به HTML

چگونه تبدیل شدن یک سند به HTML

شما یک مقاله بزرگ، یک داستان کوتاه، یک رمان نوشتید که قهوه بیشتر بخورید و کمتر از زمانی که در فستیوال کالج تحصیل کردید، بخوانید، و اکنون نمیتوانید آن را به Kindle آپلود کنید زیرا در فرمت HTML نیست ، آیا شما فقط آن را دوست دارم زمانی که این اتفاق می افتد؟

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

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

۱٫ DOCUMENT خود را پیدا کنید – از منوی File که در مایکروسافت ورد مشاهده میکنید، سند ذخیره شده را انتخاب کرده و آن را باز کنید، نمیتوانید تبدیل آن را حتی اگر آن را انتخاب کردهاید، تبدیل کنید، پس این را در ذهن داشته باشید.

۲٫ DOCUMENT UPDATE – همه محتوای که شما در فایل خود در فرمت ورد قرار داده اید در HTML ظاهر می شود. اعداد و برخی از تصاویر بهتر از آن چیده شده اند. هنگامی که این موارد را گرفته اید، باید سند خود را دوباره ذخیره کنید.

۳٫ CONVERT IT- هنگام ذخیره سند خود را در حال حاضر، به File بروید، روی Save As کلیک کنید و گزینه ای برای ذخیره به عنوان یک صفحه وب یا Save as HTML خواهید گرفت. شما می توانید یکی را انتخاب کنید و ذخیره را کلیک کنید. در حال حاضر، یک صفحه وب را باز کرده و به فایل اسناد خود بروید، این سند را برای باز کردن آن انتخاب کنید، آن را در قالب HTML انجام دهید.

برای فرمت های PDF، من پیشنهاد می کنم اول آنها را به Word بسپارید و سپس آنها را به فرمت HTML تبدیل کنید، اما شما همچنین می توانید این اسناد را به عنوان HTML با استفاده از Acrobat Professional ذخیره کنید.

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

زبان مورد استفاده در HTML نسبتا ساده است پس از آن تسلط یافته است. ایده خوبی است که یک راهنمای آموزشی برای کمک به برنامه نویسی HTML یاد بگیریم.

۴٫ فرمت کردن DOCUMENT – Kindle از استفاده از حاشیه ها به نحوی که ممکن است به آن عادت کنید استفاده نکنید. پیشنهاد می کنم از یک ورق سبک برای قالب کردن کتاب خود استفاده کنید و فراموش نکنید که CSS (Cascading Style Sheets) را تا آنجا که می توانید استفاده کنید.

بعضی از قوانین CSS، متاسفانه، پشتیبانی نمی شوند و یا حداقل در Kindle پشتیبانی می شوند: اکثر موارد مربوط به حاشیه ها و فونت ها است. بهترین کنترل اندازه قلم را می توان با استفاده از برچسب های عنوان

(<h1>, <h2>, <h3>, etc.).

برچسب های <big> و <small> به شما اجازه می دهد تا اندازه ی دو یا چند اندازه را به اندازه ی پایین تنظیم کنید.

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

 

Tagged
جاوا اسکریپت | طراحی سایت در کرج | طراحی وب سایت در کرج | هلدینگ کیان تجارت فاوا

جعبه های انتخاب شده را با جی کوئری انتخاب و تنظیم کنید

جعبه های انتخاب شده را با جی کوئری انتخاب و تنظیم کنید

در موارد متعددی، ما برای استفاده از گزینه چک باکس مبتنی بر شبکه استفاده کرده ایم. ما مطمئن هستیم که همه آنها را دیده اید، کادر انتخاب را در بالای شبکه انتخاب می کنید، و کادرهای همه بچه ها یا بسته به وضعیت والد خود را چک کرده یا علامت گذاری شده اند.

بگذارید بگوییم فرم HTML زیر را داریم.

بعضی از نام ها

میکی موس

اردک دونالد

المر فود

این کاملا یک فرم ساده است. فقط یک سلول از سلول ها در یک فرم پیچیده شده است.

 

ما همچنین در آنجا قرار می دهیم که ما برای نشان دادن کاربر چندین مورد انتخاب می کنیم (فقط در صورتی که نمیتوان آنها را حساب کرد).

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

بیایید ببینید که جاوا اسکریپت چگونه خواهد بود.

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

$(“input[name=ItemKey]”).click( function() {

if ( $(this).is(“:checked”) ){

// update all table cells in the current row with a class to indicate selection

// these could probably be chained.. let me know if you can do this better $(this).parent().addClass(“selected”);

$(this).parent().siblings().addClass(“selected”);

} else {

// remove the class to stop showing the row is selected

$(this).parent().removeClass(“selected”).addClass(“plain”);

$(this).parent().siblings().removeClass(“selected”).addClass(“plain”);

ChangeSelectedLabel();

});

 

// check if all or no checkboxes were set as checked by server-side script

 

SetToggleCheckBoxFromChildren();

 

بنابراین آنچه در اینجا اتفاق می افتد این است که رویداد کلیک کلاس ها را به سلول ها اعمال می کند تا کاربر را نشان دهد که ردیف انتخاب شده است. برای انجام این کار، عنصر اصلی کادر انتخاب انتخاب می کنیم.

سپس همه بچه های این عنصر را دریافت می کنیم (که باید کل ردیف باشد) و کلاس را به آن سلول ها اختصاص می دهیم. شما می توانید این کلاس را در یک شیوه قرار دهید و آن را فرمت کنید هر چند دوست دارید.

به طور مشابه، اگر کادر انتخاب بر روی رویداد کلیک برداشته شود، این کلاس را حذف میکنیم، به طوری که تمام سلولها در ردیف به سبک پیش فرض بازگشتهاند. این به طور کامل بستگی دارد که چگونه میز خود را سبک کنید.

اگر سلول ها در وضعیت پیش فرض هیچ سبک نداشته باشند، فقط کلاس “انتخاب شده” را حذف کنید، بدانید که در مورد استفاده از کلاس “ساده” نگران نباشید. همچنین یک تابع تماس وجود دارد که نشانگر برچسب را به روز می کند. بیایید در حال حاضر به آن نگاه کنیم.

 

function ChangeSelectedLabel() {

var count = $(“input[name=ItemKey]:checked”).length;

$(“#selectedCountLabel”).text(count + ” items selected”);

SetToggleCheckBoxFromChildren ()؛

}

 

این تابع مجموعه ای از متغیر برای کل موارد چک شده است. حتما نام جعبه چک را نشان داده اید، فقط در صورتی که گزینه های دیگری در فرم خود دارید، زیرا نمی خواهید کل کل شما به درستی محاسبه شود. سپس فاصله “selectedCountLabel” با متن دلخواه به روز می شود.

سپس ما یک تابع فراخوانی برای تابع SetToggleCheckBoxFromChildren می کنیم. بیایید به آن نگاه کنیم.

 

function SetToggleCheckBoxFromChildren() {

var TotalDeselectedItems = $(“input[name=ItemKey]:not(:checked)”).length;

if (TotalDeselectedItems == 0) {

$(“#selectallcheckboxes”).prop(“checked”, true);

} else {

$(“#selectallcheckboxes”).prop(“checked”, false);

}

}

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

در این وضعیت، ما می خواهیم جاوا اسکریپت سمت سرویس گیرنده گزینه چک کردن پدر و مادر را به حالت “چک” تنظیم کنیم. اگر ما این کار را نکنیم، گزینه انتخاب را انتخاب می کنیم. ممکن است متوجه شوید که این تابع در اولین بلوک جاوا اسکریپت نیز نامیده شده است.

این تابع متوجه می شود که آیا چکیده هایی وجود دارد که بررسی نشده اند (به یاد داشته باشید، از نام ما برای فیلتر کردن محدوده استفاده کنید). اگر آنها وجود نداشته باشند، کادر تأیید پدر و مادر را بررسی کنید.

 

امیدواریم مفید واقع شود.

 

Tagged

مراحل اول با CSS

مراحل اول با CSS

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

بسیاری از این نوع برنامه ها از قبیل Adobe Dreamweaver یا حتی دفترچه یادداشت وجود دارد. بسیاری از طراحان وب با اولین برنامه نویسی شروع به کار کردند. این یک راه حل خوب است اگر شما در بودجه.

حالا برای شروع کارها. اولا، اگر مطمئن نیستید که چگونه CSS با HTML اجرا می شود، بازبینی مجدد آن را به دنبال خواهد داشت که سری بعدی ماست. برای شروع از شما نیاز به ایجاد یک فایل a.css دارید.

این بسیار ساده است و فقط شما را مجبور به ذخیره فایل با extension.css می کند. اگر شما تصمیم به استفاده از دفترچه یادداشت (که من برای این پست استفاده می کنم) شما باید کمی درک از نحوه ساختار کد را داشته باشید. بنابراین بند را در اینجا می گذاریم.

اولین قدم در ایجاد یک سند CSS این است که نوع کدگذاری مورد استفاده شما را مشخص کند (انواع مختلفی وجود دارد که همه آنها در اینجا قابل مشاهده است). به طور کلی بیشتر صفحات CSS3 مانند این شروع می شوند:

charset “utf-8″؛

همیشه یک ایده خوب برای اعلام نوع کدگذاری است که یک ورق سبک خارجی استفاده می کند. به خصوص اگر شما هیچ کاراکتر غیر ASCII داشته باشید. اعلام شما باید اولین خط در صفحه سبک باشد.

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

راه های مختلفی برای توضیح کد شما وجود دارد، اما من فقط می خواهم بیش از ۲ که بیشتر از آن استفاده می کنم وجود دارد. اولین راه یک نظر چند خطی است که توسط آن تعریف شده است

/ * متن شما در اینجا * /

براکت (/ * و * /) نشان می دهد که این نظر چندین خط را پوشش می دهد. برچسب باز (/ *) بدیهی است قبل از اولین علامت نظر شما استفاده می شود و برچسب بسته شدن (* /) بعد از آخرین علامت نظر شما استفاده می شود. بنابراین یک نظر چند خطی در نهایت به نظر می رسد:

/ * نویسنده: جاش پیرس

سایت: آدرس وب سایت

CSS Document * /

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

به این ترتیب می توانم هر عنصر را به عنوان من آن را طراحی کنم. این فقط ترجیح شخصی است.

اولین چیزی که بسیاری از طراحان از آن شروع می کنند، هدر صفحه است. این یکی از دو روش انجام می شود. این دو روش یک دوره (“.”) یا یک پوند (“#”) است. برای اعلام سرصفحه شما به سادگی می نویسید:

 

.header {

 

background-color: #FFFFFF;

 

width: 100%;

 

Border-bottom-style: solid;

 

border-bottom-width: 2px;

 

border-color: #000000;

 

margin-bottom: 0px;

}

خوب، پس این به نظر می رسد مانند یک دسته از gibberish درست است؟ بیایید از طریق این یک خط در یک زمان برویم. برای شروع با برچسب:

 

background-color: #FFFFFF;

این قطعه کد به سادگی به مرورگر می گوید که رنگ پس زمینه هدر رنگ سفید است (#FFFFFF رنگ سفید در hex را مشخص می کند). نیمه کولون در انتهای خط به مرورگر می گوید که پایان این خط خاص است.

با این حال، همه چیز در داخل براکت ({و}) به عنوان یک جمله خوانده می شود (این همه هدر است). خط بعدی به مرورگر می گوید که چگونه هدر را ایجاد می کند. در این مورد ما از آنچه موقعیت موقعیتی نامیده می شود استفاده می کنیم.

از آنجایی که امروزه بسیاری از مانیتورهای اندازه مختلف وجود دارد، ما هیچ وقت نمی دانیم که رزولوشن چه کسی استفاده می کند. با استفاده از موقعیت نسبی ما می توانیم اندازه مرورگر را به عنوان درصد در نظر بگیریم.

در مورد کد فوق، ما به مرورگر گفتیم که ما می خواهیم هدر ۱۰۰٪ عرض صفحه مانیتور باشد. خطوط زیر عبارتند از: border-bottom-style: solid؛ این به سادگی به مرورگر می گوید که هدر حاشیه جامد در پایین دارد. تعدادی از سبک های مرزی مختلفی وجود دارد که مرورگرهای مدرن می توانند آن را ارائه دهند.

خط چهارم به مرورگر نشان می دهد که مرز چگونه است. صورتحساب:

 

Border-bottom-width: 2px;

به سادگی به مرورگر می گوید که مرز در هدر ۲ پیکسل عرض است. ما می توانیم رنگ مرز خود را با افزودن border-color code تنظیم کنیم: # ۰۰۰۰۰۰؛ این کد رنگ مرز به سیاه را تغییر می دهد. آخرین قطعه کد که من در بیانیه فوق استفاده کردم:

 

margin-bottom: 0px;

 

این بیانیه به مرورگر می گوید که حاشیه ۰ پیکسل در انتهای هدر وجود دارد. تغییرات این کد وجود دارد که به شما این امکان را می دهد که هر طرف هدر یک رنگ یا اندازه متفاوت داشته باشید. اگر فقط از حاشیه بیانیه استفاده می کنید: ۰px؛ مرورگر به سادگی یک حاشیه ۰ پیکسل در هر ۴ طرف هدر خود قرار داده است.

 

این همه برای این نگاه به اولین گام با CSS است.

 

Tagged