در توسینسو تدریس کنید

و

با دانش خود درآمد کسب کنید

آموزش HTML (اچ تی ام ال) قسمت 8 : موجودیت ها و کارکتر های خاص

آموزش HTML (اچ تی ام ال) قسمت 8 : موجودیت ها و کارکتر های خاص

با سلام و تبریک سال 1394 به همه دوستان و itpro ای های عزیز و مشتاق علم و فناوری و دانش در ادامه یادگیری مباحث پیوسته HTML امروز میخوام کمی در مورد کد ها و موجودیت ها و کارکتر های خاص در HTML صحبت کنم همانطور که در بخش های قبلی دیدید زبان HTML که طراحی پایه وب هست با تگ های بخصوصی کار میکند و تقریباً هر کاری که میخواهید انجام دهید را باید در تگ مخصوص به خودش تایپ کنید اما در این بین برخی از کاراکترها در زبان HTML دارای معنی متفاوت و خاصی هستند به عنوان مثال اگر بخواهیدکاراکتری مثل کوچکتر > را تایپ کنید به راحتی امکان پذیر نیست برای اینکه این کارکتر را زمانی که در نرم افزاری مانند Front page تایپ کنید یک لیستی از تگ های موجود برای شما باز میشود چون سر آغاز تمام تگ ها با این کارکتر است اما اگر بخواهيم در متن صفحات وب از اين نوع کاراکترها استفاده کنیم تکلیف چیست؟ برای یادگیری هرچه ساده تر این موضوع با ما در itpro باشید.

جهت نمايش هر کاراکتر خاص باید از يک ترکیب سه قسمتی استفاده نمود ، قسمت اول علامت (&) و در قسمت دوم که در ادامه علامت قبلی ظاهر میشود يک نام (این نام از قبل در HTML رزرو شده و هر نامی نمیتواند قرار گیرد) يا علامت # به همراه يک عدد (این عدد هم همانند نام رزرو شده html است ) و در نهایت در قسمت سوم با علامت سمیکالن (;) این ترکیب را پایان میدهیم.

به عنوان مثال جهت نمايش کاراکتر > بايد کد زیر را بنويسيم :

< or <

نکته 1: اگر دقت کرده باشید هیچ وقت در آدرس های اینترنتی Space یا همان فاصله وجود ندارد و اگر علامت 20% را دیدید این نماد همان فاصله در لینک ها ی مرورگر هست.

نکته 2: در زبان HTML ، اگر هنگام وارد کردن متن ، بين حروف با space یک فاصله ايجاد کنيد در هنگام نمايش صفحه وبتان در مرورگر اين فاصله ها از بين رفته و حداکثر يک فاصله یا یک space نمايش داده می شود ولی اگر میخواهید فاصله ها به تعدادی مشخص باشند برای افزودن فاصله بايد از کد یا کاراکتر ;nbsp& استفاده کرد با هر بار وارد کردن اين کد یا کاراکتر ، يک space یا فاصله خالی به وجود می آيد.

نکته 3: فراموش نکنید تمامی "نام های" نمايش کاراکترهای خاص که در همین مطلب به صورت جدول مینویسم به حروف بزرگ و کوچک حساس "هستند".

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

قدم به قدم با آموزش HTML

قدم به قدم با آموزش HTML

رنگ ها در HTML

رنگ ها هم در HTML و هم در CSS (که این دوره هم پس از اتمام HTML شروع خواهم کرد) ، دارای کد ها و موجودیت هایی است که در قسمت تنظیم کردن رنگ متن ، همچنین رنگ پس زمینه و رنگ حاشیه ها وجود دارد ، کد ها در رنگ ها شبیه به #66FF00 هست ولی کار با رنگ ها در HTML به سه روش امکان پذیر هست چون میدونم برای شما هم حفظ کردن چنین اعدادی سخت هست پس سه روش رو در همین مطلب خدمتتون میگم تا کاملاً به این موضوع تسلط پیدا کنید

  • در روش اول که ساده ترین اون هست استفاده از نام رنگ هست مثلاً (زرد ) Yellowیا black (سیاه) تقریباً بیش از 147 نام رنگ تعریف شده در CSS و Html استفاده می شود
  • روش بعدی استفاده از کد ترکیبی (عدد ده دهی) هست که به این ترکیب میگن RGB مخفف RED , Green , Blue هست که هر کدوم از این اعداد رو با کاما جدا میکنیم و این اعداد برای این رنگ ها شدت رنگ ها را مشخص میکند که این اعداد میتواند بین 0 تا 255 تغییر کند و هر چه عدد انتخاب شده بیشتر یا به سمت 255 برود شدت آن رنگ درترکیب قرمزسبزآبی بیشتر است مثلاً(rgb(0,0,0 که این عدد مخصوص رنگ سیاه است و همچنین(rgb(255.0,0 رنگ قرمز هم نمایانگر این کد هست.
  • روش آخر استفاده از کد ترکیبی (عدد مبنای 16) البته بیشتر برنامه نویسان به دلیل کوتاه و ساده بودن کد رنگ بیشتر از این روش استفاده میکنند این روش به صورت#rrggbb نشان داده می شود و تنها تفاوت آن با روش قبلی که مطرح شد استفاده از اعداد مبنای 8 هگزا دسیمال (HexaDecimal) به جای اعداد ده دهی است . که rr و gg و bb به ترتیب نشان دهنده مقدار عددی شدت رنگ های قرمز ، سبز و آبی رو هست البته این که میگیم هگزا دسیمال یعنی مقادیری که میتونید در روش سوم رنگ ها به کار ببرید میتونن بین 00 تا FF که معادل همون 0 تا 255 ده دهی هست قرار بگیرن.

به عنوان مثال #000000 و #FF0000 به ترتیب نمایانگر رنگ های سیاه و قرمز می باشد.

در خصوص اعدادی که در مبنای هگزا دسیمال یا همین روش آخری که مطرح شد باید کمی اطلاعات داشته باشید گفتیم که این روش از rr , bb , gg استفاده میشه رقم های اعداد r ، از 0 هستند تا r-1 به عنوان مثال در مبنای پرکاربرد 10 که به صورت روزانه استفاده می کنید ، رقم ها 0 تا 9 هستند و در مبنای 16 ارقام 0 تا 15 هستند ولی کلاً در کامپیوتر و مبناهای اعداد و برای قابل فهم بودن برای برنامه نویسان و کامپیوتر در اعداد مبنای 16 رقم های 10 تا 15 را با حروف لاتین A تا F نشان میدهند یعنی A عدد 10 است و F عدد 15 است .اما فرض کنید که اینچنین نبود ، مثلا عدد 213 رو به سه شکل می توان نوشت و تفسیر کرد اول اینکه عدد 213 از سه رقم 2 و 1 و 3 تشکیل شده یا از دو رقم 21 و 3 و یا اینکه از دو رقم 2 و 13 خب ما کدام حالت را در نظر بگیریم؟ اما وقتی قانونی ایجاد میشود که از 10 تا 15 را با A تا F جایگزاری میتوان کرد این مورد کاملاً حل میشود و این سه تفسیر رو به صورت 2D میتوان شناخت ، شانزده رقم مبنای گفته شده به صورت زیر است.

0 , 1 , 2 , 3 , 4 , 5 , 6 , 7 , 8 , 9 , F , E , D , C , B , A

با ترکیب این 16 کاراکتری که در بالا گفته شد شما می توانید 16.7 میلیون رنگ بسازید .شاید برای تازه کاران باورش سخت باشد ولی فقط ما در رنگ ها از 1 تا 100 نوع رنگ مشکی داریم این فقط برای رنگ مشکی نست بلکه برای تمام رنگ ها 1 تا 100 نوع طیف رنگی وجود دارد البته دستگاه های چاپ از 5 تای اول آن را تشخیص نمیدهند ولی تعداد این رنگ ها بسیار زیاد است، در سیستم عامل هاو مرورگر های اینترنتی فقط 256 رنگ هست که سازگاری داردند یعنی رنگهای غیر از آنها در سیستمهای مختلف با هم فرق دارند. ضمناً جهت آگاهی رنگهای سازگار از ترکیب 00,33,66,99,CC,FF تشکیل شده اند که به آنها palette-safe colorsنیز می گویند. دوستان طراح وب دقت کنند استفاده از رنگ ها در صفحات وب بسیار بسیار تاثیر گذار است ، از رنگ های استاندارد جهانی استفاده کنید تا وبسایت شما در تمام نقاط جهان دارای رنگی باشد که در آن سیستم عامل و آن مرورگر یکی باشد همچنین استفاده از فونت مناسب و استاندارد جهانی میتواند به پویایی وبسایت شما کمک کند.

در تصویر زیر چند رنگ معروف را با با سه روش گفته شده میبینید

استفاده از رنگ ها در HTML

در سایت w3schools میتونید نام رنگ همچنین کد و RGB این رنگ ها رو ببینید.

تصویر زیر هم نمونه رنگ ها و کد های هزادسیمالی است که میتوانید استفاده کنید فقط فراموش نکنید از حروف بزرگ در مقداردهی رنگها استفاده کنید و علامت # را در انتهای کد درج کنید.

رنگ ها در HTMl

دوستان باز هم تکرار میکنم نگران حفظ کردن رنگ و شماره های آن نباشید در نرم افزار های طراحی کدHTMl مثل Front page یا HTML pad انتخاب کننده رنگ یکی از ابزار های نرم افزار هست که میتوانید به راحتی رنگ مورد نظرتون رو انتخاب کنید و جهت اطلاع کد و مقادیر استفاده شده هر کدوم از رنگ های (RGB) قرمز و سبز و آبی ببینید، در تصویر پایین رنگ قرمز گویای همه چیز است

کد رنگ ها در طراحی سایت

در ادامه تصویری هایی قرار میدهم که رنگهای نامگذاری شده و مقادیر معادل هگزادسیمال آن به ترتیب حروف الفباء آمده است

جدول کد رنگ ها در HTML

رنگ ها و آموزش HTML

قدم به قدم با آموزش HTML

آموزش HTML

همانگونه که دیدید رنگ ها طیف وسیعی دارند امیدوارم مورد توجه شما قرار گرفته باشه.

نویسنده : فرهاد خانلری

منبع : جزیره طراحی و توسعه وب وب سایت توسینسو

هرگونه نشر و کپی برداری بدون ذکر نام منبع و نویسنده اشکال اخلاقی دارد.

#آموزش_قدم_به_قدم_html #مقدمات_یادگیری_صفحات_وب #آموزش_تگ_ها_در_html #html_چیست #آموزش_html #استفاده_از_رنگ_ها_در_html #tag_ها_در_html #آموزش_طراحی_وب #کارکتر_های_خاص_در_html #کد_های_رنگ_در_html
عنوان
1 آموزش HTML (اچ تی ام ال) قسمت 1 : انواع تگ رایگان
2 آموزش HTML (اچ تی ام ال) قسمت 2 : انواع تگ رایگان
3 آموزش HTML (اچ تی ام ال) قسمت 3 : لینک ها رایگان
4 آموزش HTML (اچ تی ام ال) قسمت 4 : لینک و تصاویر رایگان
5 آموزش HTML (اچ تی ام ال) قسمت 5 : سئوی تصاویر رایگان
6 آموزش HTML (اچ تی ام ال) قسمت 6 : طراحی جدول رایگان
7 آموزش HTML (اچ تی ام ال) قسمت 7 : استفاده از رنگ ها رایگان
8 آموزش HTML (اچ تی ام ال) قسمت 8 : موجودیت ها و کارکتر های خاص رایگان
9 آموزش HTML (اچ تی ام ال) قسمت 9 : صفحه وب با جدول و لینک رایگان
10 آموزش HTML (اچ تی ام ال) قسمت 10 : استفاده از FrameSet رایگان
زمان و قیمت کل 0″ 0
4 نظر
محسن خدابنده اویلی

سلام

عالی ممنون

من یه سوال داشتم برای طراحی سایت میشه از html استفاده کرد یعنی چطور حالا سایتو پایگاه داده بهش بدیم

فرهاد خانلری

دوست عزیز فقط HTML نیست که برای طراحی سایت کفایت میکنه بله این فقط اول راه هست و بسیار سفر باید کرد تا پخته شود خامی D:

دوست من ASP.net هم باید چاشنی کار بشه و همچنین خود SQL یا پایگاه داده هم دستوراتی داره که باید اونا رو هم به کار گرفت

محسن خدابنده اویلی

سلام استاد بنده

من از اکثر مقالات و آموزشهای شما که در حد من تازه کار بود استفاده کردم و در حال مرور بقیه موارد هستم

و خیلی دوست دارم که بتونم یه سایت قوی درست کنم

asp.net رو برای آموزش چطور و چگ ونه و از کجا باید شروع کنم ؟

ممنون

فرهاد خانلری

سلام دوست عزیز

شما لطف دارید برای شروع طراحی وب میتونید HTML و CSS رو یاد بگیرید و برای زیبا تر شدن کارهاتون java Script و Ajax هم بخونید و در سایتتون ازشون کار بکشید سپس ASP.Net رو باید شروع کرد که کلاً برنامه نویسی سایت هست و برای اینکه سایتتون فقط یک صفحه Text نباشه باید از زبان برنامه نویسی استفاده کنید و اینکه میگید چطور و چگونه میتونید کلاس برید یا اینکه در انجمن ها فعالیت داشته باشید و خودتون self Study شروع به خوندن کنید به هر حال بنده دارم این مسیر رو در سایت هموار میکنم فقط کمی زمان بر هست.

نظر شما
برای ارسال نظر باید وارد شوید.
از سرتاسر توسینسو
تنظیمات حریم خصوصی
تائید صرفنظر
×

You can buy cheaper in our wonderful discounts