زیبا ترین دنیای اموزشی

متن مرتبط با «HTML» در سایت زیبا ترین دنیای اموزشی نوشته شده است

درس چهارم – تعیین ویژگی برای المان های HTML

  • این بخش درمورد ویژگی (Attribute) های هر المان HTML صحبت می کنیم. شما می توانید برای هر المان در HTML نویسی، یک سری ویژگی ها تعیین کنید. این ویژگی ها رو می تونیم تنظیمات یک المان HTML به حساب بیاریم.   نکات : 1- ویژگی ها ، می توانند برای هر المانی تعیین و توصیف شوند. 2- ویژگی ها ، الزامی نیستند. تنها برای توصیف بیشتر المان به کار برده می شوند. 3- ویژگی ها ، همیشه در هنگام باز شدن تگ های HTML باید توصیف و نوشته شوند. ساختار کلی یک ویژگی بصورت زیر است : name="value" که name خود ویژگی است و value مقداری که به آن نسبت می دهیم که در ادامه مثال های زیادی در این باره خواهیم دید . مثال : فرض کنید می خواهیم یک تگ لینک بنویسیم . همانطور که در درس های گذشته دیدیم ، آدرس یک لینک با href مشخص می شد. href یک ویژگی است و شما مقداری که به آن می دادید ؛ همان value ماست که قابل نسبت دادن به تگ a در HTML بود. This is a link حال باید بدانید یک سری ویژگی های عمومی و کلی دیگر وجود دارند که به هر المانی قابل وصل شدن هستند . 1 ) ویژگی class : این ویژگی زمانی استفاده می شود که شما در کد نویسی HTML خود ، استایل نویسی به زبان CSS نیز داشته باشید. در CSS نویسی، اگر برای المان مورد نظر تون ، کلاس هایی تعیین کنید ، می توانید با ویژگی class به آن ها دسترسی داشته باشید و آن استایل ها را به المان های HTML خود نسبت دهید . در این مباحث ، CSS نویسی هدف ما نیست، ولی برای روشن تر شدن موضوع ، 2 ) ویژگی id : این ویژگی هم مشابه ویژگی class است. یعنی به CSS نویسی شما مربوط می شود.  3 ) ویژگی style : شما می توانید بدون اینکه یک بخش از کد نویسی HTML خودتون رو به استایل و CSS نویسی اختصاص بدید ، کد های استایل مورد نظر تون رو بصورت مستقیم داخل تگ مورد نظر تون بیارید. در این مثال کد های CSS رو مستقیماً داخل تگ لینک معرفی کردیم :       This is Link with CSS class    4 ) ویژگی title : این ویژگی برای اختصاص دادن توضیحات به المان مورد نظر شماست. که بصورت tooltip نمایش داده میش,HTML, آموزش HTML, آموزش HTML به زبان ساده, آموزش استایل دادن در HTML, آموزش استایل دهی به المان ها در HTML, آموزش استایل دهی در HTML, آموزش استفاده از ویژگی ها در HTML, آموزش دادن کلاس CSS به HTML, ...ادامه مطلب

    • درس سوم – تگ های پایه HTML

  • در این درس قصد داریم چند تگ مهم و پرکاربر HTML که پایه اکثر اسناد HTML هستند را معرفی کنیم. از جمله تگ های سرفصل ، پاراگراف ، لینک و غیره. با ما همراه باشید .   اگر تا این لحظه درس های گذشته را چندان کامل یاد نگرفته اید ، نگران نباشید، به مرور زمان نوشتن تگ ها و کد های ذکر شده بسیار عادی و ساده خواهد شد. 1) تگ های سرفصل (تگ های سری H) : در یک سند ساده HTML شما می تونید بدون اینکه CSS نویسی کنید یا برای عنوان ها سایز فونت تعیین کنید، یک سری سرفصل تعیین کنید. این سرفصل ها به ترتیب شماره از مهم شروع میشن تا به عنوان های کم اهمیت تر می رسیم. مهم ترین عنوان یک صفحه ساده HTML باید در تگ به این صورت قرار گرفته شود :   Title of the page   تگ های H تا شماره H6 ادامه دارند و شما می توانید عنوان های صفحه رو تا H6 ادامه بدید. مثلاً می تونید عنوان اصلی سایت تون رو H1 بزارید و عنوان مطالب رو H2 و عنوان منو های صفحه رو H3 و همینطور الی آخر. مثال :     This is heading 1   This is heading 2   This is heading 3   This is heading 4   This is heading 5   This is heading 6   نکات این بخش : 1- Heading ها در صفحات HTML از هر نظر اهمیت بالایی دارند . حتی از نظر بهینه بودن و سئوی صفحات سایت شما اثر بسزایی دارند . موتور های جستجوگر از این تگ ها استفاده می کنند تا محتوای سایت شما را بهتر تشخیص دهند . 2- Heading ها با بولد کردن تفاوت دارند و هرگز مشابه هم نیستند. 3- Heading ها را در مکان صحیح استفاده کنید و حتماً به خاطر داشته باشید که آنها را پس از استفاده در مکان مورد نظر ببندید . مکان صحیح استفاده از Heading ها به قالب و نحوه layout صفحه ی مورد نظر شما وابسته است ولی همانطور که پیشتر عرض شد، معمولاً عنوان اصلی باید H1 باشد و عنوان های مهم ولی غیر اصلی ، H2 بشن و عنوان های کم اهمیت تر H3 و همینطور تا آخر. 2, آموزش HTML به زبان ساده و مختصر – مفید ...ادامه مطلب

    • درس دوم : صحبتی پیرامون تگ های HTML

  • در درس پیشین ، HTML را معرفی کلی کردیم. در این درس به معرفی و نحوه استفاده از تگ های HTML می پردازیم و چند مثال ساده از یک صفحه ی HTML خواهیم زد. با ما همراه باشید .   همانطور که در درس قبلی گفتیم ، باید در هر سند HTML شما کد نویسی رو با داک تایپ شروع کنید. مانند : <!DOCTYPE html> نکته: این یک تگ نیست. بنابراین چیزی به نام باز و بسته شدن تگ ها در این نداریم! و فقط باید اول سند HTML ذکر کنیم و تمام. حال برای شروع کد نویسی HTML باید کد خودمون رو با یک <html> ساده شروع کنیم. یعنی بعد از ذکر داک تایپ باید تگ <html> رو هم باز کنیم و تا زمانی که کد نویسی HTML داریم ، آن را ببندیم. پس این تگ باید باز و بسته شود. بعد از باز شدن تگ اصلی HTML که در بالا معرفی کردیم ، نوبت به باز شدن دو مورد می رسد. همان مورد هایی که در درس قبلی ذکر کردیم. یعنی تگ سرصفحه – Head و تگ بدنه ی سند – Body . وجود تگ سرصفحه در یک سند عادی HTML ضروری نیست. ولی وجود تگ بدنه – body برای سندی که میخواهد محتوایی داشته باشد الزامی است. فعلاً یک مثال می زنیم. در حال حاضر نیازی به تگ head نداریم و بلافاصله بعد از باز شدن <html> تگ بدنه <body> رو باز می کنیم. در HTML ترتیب باز و بسته شدن تگ ها اهمیت بالایی دارد و باید توجه زیادی به این موضوع داشته باشید. جهت اطمینان ، هر تگی رو که باز کردید ، همان لحظه تگ بسته شدن آن را نیز بنویسید و در بین آنها تگ ها و کد های جدید را ذکر کنید . حال تا اینجا ما به این رسیدیم و سند HTML ما شامل این است : <!DOCTYPE html> <html> <body>   </body> </html> حال برای مثال در این درس، دو تگ مهم را نیز معرفی میکنیم تا بتوانید یک نتیجه بسیار ساده از درس امروز را اجرا کنید. 1- تگ <p> : این تگ کاربرد زیادی داره و کار پاراگراف رو انجام میده. یعنی هر چیزی که بین تگ <p> و <p/> قرار داده بشه، به عنوان یک پاراگراف معرفی و شناخته میشه. مثال: <p> ,آموزش HTML به زبان ساده و مختصر – مفید ...ادامه مطلب

    • درس اول"اموزش html

  • در این سری از آموزش های سایت قصد داریم HTML را بررسی و معرفی کنیم و سعی ما بر این است صرفاً نکات کلیدی و اصلی HTML نوشته شوند و از آموزش حواشی و جزئیاتی که بعضاً کارآمد نیستند ، چشمپوشی می کنیم. فرض را بر این می گذاریم که شما در حال حاضر با مفاهیم اولیه ای مثل مرورگر های اینترنتی و صفحات وب آشنایی سطحی دارید و بدون هیچ مقدمه ای به سراغ معرفی HTML می رویم.   مقدمه : می توان HTML را یک زبان بسیار ساده و قابل فهم برای مرورگر های وب جهت نشانه گذاری محتوای وب دانست که اجزای هر وب سایتی را تشکیل می دهد . HTML مخفف Hyper Text Mark-up Language می باشد ، به معنای “زبان کد گذاری ابر متن” می باشد. HTML شامل تگ هایی است که شما برای تک تک اجزای وب سایت مورد نظر خودتان می توانید از آن تگ ها استفاده کنید. که به مرور با آنها آشنا خواهیم شد. HTML5 چیست ؟ اچ تی ام ال 5 ، آخرین ورژن از کدنویسی HTML می باشد که در این سری آموزش ها به آن نیز خواهیم پرداخت. در حال حاضر فعلاً تگ های اصلی HTML را به شما معرفی می کنیم ، سپس به سراغ HTML5 خواهیم رفت. ورژنی که در این سری آموزش ها یاد می گیرید ترکیبی از HTML4 و 5 می باشد . برای نوشتن HTML به چه چیزی نیازمندیم ؟ شما در هر محیطی می توانید کد های HTML را بنویسید. یک سری برنامه هایی هستند که نوشتن HTML رو برای شما ساده تر میکنند. ولی هیچ تفاوتی در استفاده از آنها نیست و شما می توانید به میل خود یکی از نرم افزار هایی که معرفی میکنیم در ادامه رو استفاده کنید. -  نرم افزار Notepad : این نرم افزار بصورت پیشفرض روی تمامی ویندوز ها نصب شده و شما نیاز به نصب هیچ چیزی ندارید، فقط کافیست یک سند جدید نوت پد در ویندوز خود باز کنید و فایل مورد نظر رو با پسوند html یا htm ذخیره کنید. -  نرم افزار ++Notepad : این نرم افزار رایگان، شناسایی کد های برنامه نویسی به اکثر زبان های مورد استفاده برنامه نویسان از جمله HTML و … را برای شما آسان می کند. این نرم افزار را می توان ورژن تکمیل شده ی Notepad برای کد نویسان و برنامه نویسان دانست . ویژگی خاص این نرم افزار سبک بودن نرم افزار و پشتیبانی از انواع زبان ها می باشد. -  نرم افزار DreamWeaver : ,HTML چیست, آموزش HTML, آموزش HTML به زبان ساده, آموزش استفاده از HTML, تگ های HTML, کد نویسی ...ادامه مطلب

    • اموزش html

  • آنچه که قبل از یادگیری HTML لازم است بدانید: برای شروع کار با HTML شما به چیزهایی نیاز دارید که در لیست زیر آمده است: شما به یک ویرایشگر متن نیاز دارید. در ویندوز شما می توانید از برنامه Notepad استفاده کنید. از هر نرم افزار ویرایش متن دیگری استفاده کنید اما این نکته را در نظر داشته باشید که نرم افزار WordPad که در ویندوز وجود دارد و نرم افزارهایی مانند Microsoft Office Word و امثال آن برای نوشتن کدهای HTML مناسب نیستند چون در هنگام ذخیره کردن متن این نرم افزارها کدهایی را به آن اضافه می کنند. نرم افزار Notepad را می توانید از طریق منوی استارت در قسمت Accessories پیدا کنید یا از طریق فرمان Run با تایپ notepad در کادر Open و فشار دادن دکمه Enter. شما به یک مرورگر وب به انتخاب خود نیاز دارید. می توانید از Microsoft Inteet Explorer استفاده کنید که با ویندوز نصب می شود یا از Opera, Mozilla Firefox و نرم افزارهای مشابه که اغلب به صورت رایگان برای دانلود در اینترنت وجود دارند. بهتر است صفحاتی را که می نویسید با چند مرورگر آزمایش کنید. زیرا در HTML قسمتهایی وجود دارد که مختص به یک مرورگر خاص است و با سایر مرورگرها کار نمی کند. شما به جایی برای ذخیره کردن متن خود دارید که می تواند جایی روی هارد دیسک شما، یک فلاپی دیسک یا یک سرور باشد. البته شما برای استفاده از HTML نیاز ندارید حتماً به اینترنت متصل باشید، شما می توانید با استفاده از یک مرورگر وب در کامپیوتر خود از HTML استفاده کنید. برای ذخیره کردن فایلی که با Notepad نوشته اید کافی است از منوی File گزینه Save As را انتخاب کرده و مسیری را برای ذخیره فایل انتخاب کنید و در کادر File Name در پایین پنجره Save As نام فایل را با پسوند html بنویسید. در آخر هم دکمه Save را کلیک کنید. ,اموزش طراحی قالب ...ادامه مطلب

    • جدیدترین مطالب منتشر شده

    گزیده مطالب

    تبلیغات

    برچسب ها