آموزش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 در اینجا می خواهیم به ساختار شناسه ها یا همان تگها (tag) در HTML بپردازیم. یک تگ همیشه با علامت کوچکتر ریاضی یعنی این علامت > آغاز می شود و با علامت بزرگتر < به پایان می رسد. مثلاً تگی که باعث ایجاد زیرخط کلمات می شود اینطور نوشته می شود: <U> این علامت را قبل از متنی که می خواهیم زیر آن خط کشیده شود قرار می دهیم. به این تگ ، تگ ابتدایی (Opening tag) می گویند، که عملیاتی را که شما می خواهید آغاز کنید شروع می کند. به منظور پایان دادن به زیرخط باید از یک تگ پایانی استفاده کنید. یک تگ پایانی با این علامت شروع می شود: />  بقیه تگ مانند تگ ابتدایی می باشد. برای درک بهتر این مطلب به مثال زیر توجه کنید: Tags and their position اگر بخواهید متن بالا را با زیرخط در مرورگر خود ببینید باید آنرا مطابق خط روبرو در ویرایشگر متن خود بنویسید: <u>tags and their position</u> نتیجه را به این صورت می بینید: Tags and their position در HTML همه تگها به یک تگ پایانی نیاز ندارند. برای مثال تگی که برای وارد کردن عکس استفاده می شود  از این قبیل آموزشHTML-جلسه ششم...ادامه مطلب

نوشتن متن ها به صورت ضخیم، مورب، زیر خط دار و خط خورده در این درس به کار با متنها می پردازیم. ابتدا با این تگ شروع می کنیم: 1-    <B> این تگ باعث می شود کلماتی که بین این تگ و تگ پایانی آن قرار دارند به صورت پر رنگ و بولد (Bold) دیده شوند. به مثال زیر توجه کنید: <b>متنی که اینجا قرار بگیرد به صورت بولد نمایش داده می شود</b> مثال بالا به صورت زیر دیده می شود: متنی که اینجا قرار بگیرد به صورت بولد نمایش داده می شود بیایید با تگهای دیگری ادامه دهیم: 2-    زیرخط (Underline): <u>این متن با زیر خط مشاهده می شود</u> این هم نتیجه: این متن با زیر خط مشاهده می شود 3-    حروف کج (Italic): <i>این متن به صورت مورب دیده می شود</i> و نتیجه به این صورت است: این متن به صورت مورب دیده می شود 4-    حروف خط خورده: <strike>این متن به صورت خط خورده دیده می شود</strike> متن در مرورگر به این صورت دیده می شود: این متن به صورت خط خورده دیده می شود 5-    وسط چین: <center>این متن در وسط خط نوشته می شود< آموزشHTML-جلسه ششم...ادامه مطلب

نوشتن سر فصلها و پاراگراف در HTML از تگهای سر فصل (HEADING) برای تیتر و عنوان مطالب استفاده می شود. به این مثالها توجه کنید: <h1>سرفصل بزرگ</h1> سرفصل بزرگ <h2>سرفصل 2</h2> سرفصل 2 <h3>سرفصل 3</h3> سرفصل 3 <h4>در حال کوچک شدن</h4> در حال کوچک شدن <h5>کوچکتر</h5> کوچکتر <h6>بسیار کوچک</h6> بسیار کوچک از دستورات بالا می توانید برای عنوان مطالب استفاده کنید. وقتی که تگ <br> در متنی وارد می شود بقیه آن خط به خط بعد منتقل می شود. در حقیقت تگ <br> یا همان Line Break کاری مشابه فشردن کلید Enter به همراه Shift را انجام می دهد. قابل ذکر است که این تگ نیازی به تگ پایانی ندارد. به یک مثال توجه کنید: This is the first line <br> Here is the second line نتیجه مثال بالا به اینگونه است: This is the first line Here is the second line مرورگر اصولاً تا وقتی که به کمبود فضا برای یک خط بر نخورد به خط بعدی نمی رود. اما تگ <br> مرورگر را مجبور می کند به خط بعدی برود.مث آموزشHTML-جلسه ششم...ادامه مطلب

کار کردن با فونتها و رنگ و اندازه آنها در این قسمت از درس به سراغ کار با فونتها و اندازه آنها می رویم. اندازه فونت را می توان با دستور زیر تعیین کرد: <font size="x">متنی که می خواهیم اندازه آنرا تعیین کنیم</font> به جای «x» عددی با علامت منفی یا مثبت قرار می گیرد. وقتی که می خواهیم یک متن بزرگتر دیده شود از علامت مثبت و زمانی که می خواهیم متن کوچکتر شود از علامت منفی استفاده می کنیم. به مثال زیر توجه کنید: <font size="+2">این متن بزرگتر دیده می شود</font> این هم نتیجه تغییر سایز فونت: این متن بزرگتر دیده می شود برای کوچکتر کردن متن نیز به همین صورت عمل می کنیم: <font size="-2">این متن کوچکتر دیده می شود</font> این هم متن کوچک شده: این متن کوچکتر دیده می شود این هم تعدادی مثال برای درک بهتر مطالب: <font size="+4">این متن با اندازه 4 نوشته شده است</font> این متن با اندازه 4 نوشته شده است <font size="+3">این متن با اندازه 3 نوشته شده است</font> این متن با اندازه 3 نوشته شده است <font size آموزشHTML-جلسه ششم...ادامه مطلب

کاراکترهای ویژه، علامتهایی که نمی توان آنها را با صفحه کلید تایپ کرد آیا تا به حال موقعیتی پیش آمده که بخواهید بین دو کلمه فاصله بیشتری وجود داشته باشد. یا بخواهید علامت کپی رایت را نشان دهید. این کاراکتر های ویژه با استفاده از کدهای ویژه در صفحه شما قرار می گیرند. این کدهای ویژه با علامت & (امپرسند) شروع می شوند و با تعدادی حرف یا عدد ادامه پیدا می کنند و با ; (نقطه ویرگول) پایان می یابند. برای مثل زمانی که شما می خواهید بین دو کلمه فضای خالی اضافی بگذارید باید از کد ;nbsp& استفاده کنید که فضای خالی اضافه می کند. مطابق مثال زیر: کلمه اول &nbsp; کلمه دوم نتیجه به این صورت خواهد بود: کلمه اول   کلمه دوم فاصله اول بین کلمات با فشار دادن دکمه Space ایجاد می شود. مرورگر فاصله اول را تشخیص می دهد اما بعد از آن هر تعداد فاصله که باشد تفاوتی نمی کند و شما فقط یک فاصله را در مرورگر می بینید. افزودن کد ;nbsp& مرورگر را مجبور می کند تا بین دو کلمه فاصله اضافی بگذارد. شما با تکرار این کد می توانید به هر تعداد که بخواهید فاصله خالی ایجا آموزشHTML-جلسه ششم...ادامه مطلب