آنچه که قبل از یادگیری HTML لازم است بدانید:
برای شروع کار با HTML شما به چیزهایی نیاز دارید که در لیست زیر آمده است:
1-شما به یک ویرایشگر متن نیاز دارید.
در ویندوز شما می توانید از برنامه Notepad استفاده کنید.
از هر نرم افزار ویرایش متن دیگری استفاده کنید اما این نکته را در نظر داشته باشید که نرم افزار WordPad که در ویندوز وجود دارد و نرم افزارهایی مانند Microsoft Office Word و امثال آن برای نوشتن کدهای HTML مناسب نیستند چون در هنگام ذخیره کردن متن این نرم افزارها کدهایی را به آن اضافه می کنند
نرم افزار Notepad را می توانید از طریق منوی استارت در قسمت Accessories پیدا کنید یا از طریق فرمان Run با تایپ notepad در کادر Open و فشار دادن دکمه Enter
2-شما به یک مرورگر وب به انتخاب خود نیاز دارید.
می توانید از Microsoft Internet Explorer استفاده کنید که با ویندوز نصب می شود یا از Opera, Mozilla Firefox و نرم افزارهای مشابه که اغلب به صورت رایگان برای دانلود در اینترنت وجود دارند.
بهتر است صفحاتی را که می نویسید با چند مرورگر آزمایش کنید.
زیرا در HTML قسمتهایی وجود دارد که مختص به یک مرورگر خاص است و با سایر مرورگرها کار نمی کند.
3-شما به جایی برای ذخیره کردن متن خود دارید که می تواند جایی روی هارد دیسک شما، یک فلاپی دیسک یا یک سرور باشد.
البته شما برای استفاده از HTML نیاز ندارید حتماً به اینترنت متصل باشید، شما می توانید با استفاده از یک مرورگر وب در کامپیوتر خود از HTML استفاده کنید.
برای ذخیره کردن فایلی که با Notepad نوشته اید کافی است از منوی File گزینه Save As را انتخاب کرده و مسیری را برای ذخیره فایل انتخاب کنید و در کادر File Name در پایین پنجره Save As نام فایل را با پسوند html بنویسید.
در آخر هم دکمه Save را کلیک کنید.
کار کردن با فونتها و رنگ و اندازه آنها
اندازه فونت را می توان با دستور زیر تعیین کرد:
متنی که می خواهیم اندازه آنرا تعیین کنیم
به جای «x» عددی با علامت منفی یا مثبت قرار می گیرد.
وقتی که می خواهیم یک متن بزرگتر دیده شود از علامت مثبت و زمانی که می خواهیم متن کوچکتر شود از علامت منفی استفاده می کنیم.
به مثال زیر توجه کنید:
این متن بزرگتر دیده می شود
این هم نتیجه تغییر سایز فونت:
این متن بزرگتر دیده می شود
برای کوچکتر کردن متن نیز به همین صورت عمل می کنیم:
این متن کوچکتر دیده می شود
این هم متن کوچک شده:
این متن کوچکتر دیده می شود
این هم تعدادی مثال برای درک بهتر مطالب:
این متن با اندازه 4 نوشته شده است
متن بزرگ و طلایی
همچنین می توانید از شناسه های size و color در یک تگ استفاده کنید.
مانند زیر:
متن بزرگ و طلایی
متن بزرگ و طلایی
شما می توانید رنگ فونت را در تگ body تعریف کنید که بعداً به آن می پردازیم.
کاراکترهای ویژه، علامتهایی که نمی توان آنها را با صفحه کلید تایپ کرد
آیا تا به حال موقعیتی پیش آمده که بخواهید بین دو کلمه فاصله بیشتری وجود داشته باشد.
یا بخواهید علامت کپی رایت را نشان دهید.
این کاراکتر های ویژه با استفاده از کدهای ویژه در صفحه شما قرار می گیرند.
این کدهای ویژه با علامت & (امپرسند) شروع می شوند و با تعدادی حرف یا عدد ادامه پیدا می کنند و با ; (نقطه ویرگول) پایان می یابند.
برای مثل زمانی که شما می خواهید بین دو کلمه فضای خالی اضافی بگذارید باید از کد ;nbsp& استفاده کنید که فضای خالی اضافه می کند.
مطابق مثال زیر:
کلمه اول کلمه دوم
نتیجه به این صورت خواهد بود:
کلمه اول کلمه دوم
فاصله اول بین کلمات با فشار دادن دکمه Space ایجاد می شود.
مرورگر فاصله اول را تشخیص می دهد اما بعد از آن هر تعداد فاصله که باشد تفاوتی نمی کند و شما فقط یک فاصله را در مرورگر می بینید.
افزودن کد ;nbsp& مرورگر را مجبور می کند تا بین دو کلمه فاصله اضافی بگذارد.
شما با تکرار این کد می توانید به هر تعداد که بخواهید فاصله خالی ایجاد کنید.مانند زیر:
کلمه اول کلمه دوم
نتیجه:
کلمه اول کلمه دوم
این فرمان چهار فضای خالی اضافی بین دو کلمه ایجاد می کند.
و در مجموع پنج فضای خالی داریم.
بحث بعدی ما علامت کپی رایت است.
شما می توانید به همان روشی که برای فضای خالی اضافی ایجاد کردیم این علامت را نیز به وجود بیاورید.
یعنی با استفاده از کد آن.
کد علامت کپی رایت این است: ;copy& به این مثال توجه کنید: بحث بعدی ما علامت کپی رایت است.
کد علامت کپی رایت این است: ;copy& به این مثال توجه کنید: this page Copyright © 2007 by me متن نتیجه: this page Copyright © 2007 by me روش کار برای تمامی کاراکترهای ویژه به همین صورت است فقط کد آنها را در متن HTML قرار دهید در جدول زیر می توانید تعدادی از این کاراکترهای ویژه را به همراه کد سازنده آنها ببینید: ایجاد پیوند به دیگر صفحات با HTML برای ایجاد لینک از تگ زیر استفاده می کنیم: متن لینک تگ نشانه لینک است.
شناسه href مشخص کننده آدرس لینک می باشد، نشانه بسته شدن تگ است.
متنی که بین این دو تگ ابتدایی و پایانی نوشته می شود متنی است که در صفحه شما به عنوان یک لینک دیده می شود.
مثلاً اگر می خواهید به یک صفحه وب مثلاً صفحه اصلی سایت ما با این آدرس: http://www.neopersia.org/html/index.html لینکی را در صفحه خود داشته باشید باید فرمان زیر را در قسمت body صفحه خود در جایی که می خواهید لینک به نمایش درآید قرار دهید: متن نمونه برای لینک لینک در صفحه شما به این صورت دیده می شود: لینکی را که با فرمان بالا ساخته اید به صورت رنگی (بسته به تنظیمات مرورگر رنگ آن تعیین می شود) و زیرخط دار به وجود می آید.
که این خصوصیات نشانه آن است که یک متن لینک است و وقتی که نشانگر ماوس را بر روی آن قرار دهید به شکل دست در می آید.
البته هر متنی که رنگی بود و دارای زیر خط بود لزوماً نباید یک لینک باشد.
شکل نشانگر ماوس در اینجا به کمک ما می آید.
اگر شما لینکی را که با این روش به وجود آمده کلیک کنید به صفحه مورد نظر می روید.
با این روش شما می توانید به هر صفحه ای لینک بسازید چون آدرس کامل آنرا در لینک قرار داده اید.
برای مثال شما می توانید برای صفحات سایت خود در صفحه اصلی با این روش لینکهایی بسازید.
اگر همه فایلهای شما مانند صفحه ای که لینک در آن قرار دارد در یک پوشه باشند شما می توانید به جای آدرس کامل صفحه مقصد از روش میانبری استفاده کنید و فقط نام فایل مورد نظر را به جای آدرس کامل آن بنویسید.
در مثال زیر فرض بر این است که هر دو صفحه مبدأ و مقصد لینک در یک پوشه قرار دارند.
برای نمونه سرفصل آموزش مقدماتی HTML در همان پوشه ای قرار دارد که این صفحه قرار دارد.
نام این صفحه index.php است.
برای ایجاد یک لینک در این صفحه می توانیم به اینگونه عمل کنیم: متن نمونه برای لینک هر دو روش بالا یک نتیجه را دارند اما در روش دوم زحمت نوشتن کمتر است.
اگر شما شک دارید یا مطمئن نیستید که هر دو صفحه در یک پوشه قرار دارند حتماً از آدرس کامل استفاده کنید.
چون در این روش مهم نیست که صفحات مربوط به چه سایتی باشند.
شناسه دیگری که می توانید در تگ لینک به کار ببرید title است.
با استفاده از این شناسه می توانید عنوانی را برای لینک انتخاب کنید و این عنوان در هنگامی که بازدید کننده کاوس خود را روی لینک قرار می دهد به نمایش در نمی آید.
به مثال زیر توجه کنید: آموزش CSS به زبان فارسی وارد کردن تصاویر در صفحات HTML آیا شما می خواهید یک عکس را به صفحه خود اضافه کنید؟
برای این کار باید از تگ زیر استفاده کنید: در این تگ IMG نشانه قرار گرفتن تصویر در صفحه و SRC آدرس محل قرار گرفتن فایل عکس است.
حتماً لازم نیست این عکس مربوط به سایت شما باشد یا در سرور شما قرار داشته باشد، شما می توانید هر عکسی که در اینترنت قابل دسترسی باشد استفاده کنید (اگر قصد دارید صفحه خود را در یک سایت اینترنتی قرار دهید) .
شما می توانید فقط نام فایل را به جای آدرس کامل بنویسید اگر صفحه ای که عکس باید در آن قرار گیرد و خود عکس در یک پوشه قرار داشته باشند مثلاً اگر عکس شما در این آدرس قرار دارد http://www.example.com/images/image.gif و صفحه ای که در حال ویرایش آن هستید در پوشه ای غیر از این قرار دارد شما باید تگ زیر را برای اضافه کردن عکس به صفحه خود به کار ببرید: اگر فایل html و عکس هر دو در یک پوشه باشند می توانید برای راحتی در تایپ کردن از این تگ استفاده کنید: پسوند فایل حتماً نباید gif.
باشد.
یعنی شما می توانید از فرمتی مثل jpg.
نیز استفاده کنید.
این دو فرمت از بقیه پر استفاده تر هستند.
اگر شما عکسی با فرمتی غیر از این دو فرمت دارید می توانید از برنامه های ویرایش عکس از قبیل فتوشاپ برای تبدیل کردن آنها استفاده کنید برای نمونه من می خواهم یک عکس را با نام learn_html.gif را که در پوشه همین صفحه قرار دارد را به این صفحه اضافه کنم.
در اینجا از این تگ استفاده کرده ام با نوشتن این تگ، این تصور را در صفحه نهایی می بینیم به این ترتیب یک تصویر را در سمت چپ صفحه خواهیم دید (در صورتی که صفحه ما چپ به راست باشد).
اگر می خواهید تصویر در مرکز صفحه ( وسط خط ) قرار گیرد باید از تگ در اطراف تگ تصویر استفاده کنید.
مانند زیر تصویر به دست آمده به صورت زیر است: روشهای دیگری هم برای نمایش عکس در وسط صفحه وجود دارد که با توجه به کم کاربرد شدن تگ در نسخه چهارم HTML از آنها استفاده می شود.
مثلاً می توان از تگ با شناسه "align="center استفاده کرد.
به خاطر داشته باشید که آدرس محل عکس و نام آن به حروف کوچک و بزرگ حساس هستند.
پس ممکن است اگر به جای image.jpg از IMAGE.JPG استفاده کنید ممکن است مرورگر شما عکسی را در صفحه نشان ندهد.
پس در نوشتن آنها دقت کنید وارد کردن تصاویر در صفحات HTML اگر می خواهید برای زمینه صفحه خود یک رنگ را انتخاب کنید، باید این رنگ را در تگ BODY تعریف کنید.
وقتی که این تگ را پیدا کردید در آن به دنبال شناسه bgcolor بگردید ، که ممکن است مانند زیر باشد ممکن است به جای نام رنگ از معادل هگزادسیمال رنگ استفاده شده باشد.
مانند زیر (این فرمانی است که من برای زمینه این صفحه از آن استفاده کرده ام): البته ممکن است این شناسه را در تگ BODY پیدا نکنید، در این صورت یک فاصله بعد از BODY قرار داده شناسه bgcolor را وارد کنید برای عوض کردن رنگ زمینه نام رنگ مورد نظر خود را به جای نام رنگ در شناسه بالا قرار دهید به جای نام رنگ می توانید از معادل هگزا دسیمال رنگ استفاده کنید برای مثال اگر می خواهید رنگ زمینه به رنگ سبز درآید باید مانند زیر عمل کنید: و یا به این صورت ساختن لینک برای آدرس ایمیل، بخش اول برای ایجاد یک لینک که بیننده با آن بتواند به شما ایمیل بفرستد باید ز تگ استاندارد لینک استفاده کنیم.
اما تفاوت این لینک با لینک به یک صفحه در آدرسی است که به عنوان مقصد لینک نوشته می شود.
برای اینکه مرورگر را مجبور کنیم لینک را به عنوان یک لینک ایمیل بشناسد، باید از این عبارت :mailto به جای //:http در آغاز آدرس استفاده کنیم و بعد از آن آدرس ایمیل را بنویسیم.
به یک مثال توجه کنید: متن لینک تنها کاری که شما باید انجام دهید جایگزین کردن example@example.com با آدرس ایمیل خودتان است.
اگر روی این نوع لینک کلیک کنید مرورگر شما پنجره ای تازه برای ارسال ایمیل باز می کند که آدرس در یافت کننده در آن تایپ شده است شما میتوانید همچنین یک موضوع هم برای ایمیل در لینک قرار دهید تا بیننده مجبور نباشد چیزی غیر از متن اصلی بنویسد.
این کار ار می توانید با افزودن علامت سوال به انتهای آدرس ایمیل و نوشتن =subject بعد از آن انجام دهید.
مانند زیر: متن لینک معرفی فرم در HTML و شناسه های مهم آن اگر در صفحه بخواهیم از بازدید کننده اطلاعاتی را دریافت کنیم باید از فرم برای این کار استفاده کنیم.
فرم برای انتقال اطلاعاتی که توسط کاربر وارد شده اند به یک آدرس مشخص استفاده می شود.
هر فرم می تواند شامل اجزایی مانند کادر ورودی متن (Text Field)، جعبه مربوط به ورود متن (Text Area)، دکمه های رادیویی (Radio Button)، منوهای کشویی، چک باکس و ...
باشد در بخشهای بعدی به توضیح اجزایی که می توانند در یک فرم به کار روند خواهیم پرداخت.
در این قسمت به تگ و شناسه هایی که در آن به کار می روند می پردازیم.
شکل کلی این تگ معمولاً به صورت زیر است .................اجزای مورد استفاده برای فرم .................
از میان شناسه های مورد استفاده در فرم استفاده از شناسه action ضروری است.
این شناسه مشخص کننده صفحه ای است که اطلاعات فرم باید به آن ارسال شود.
آدرس صفحه مورد نظر باید به عنوان مقدار این شناسه قرار گیرد.
لازم به یادآوری است که پس از اینکه کاربر اطلاعات مورد نظر را وارد کرد و دکمه ارسال را کلیک کرد صفحه action برای پردازش اطلاعات باز خواهد شد.
البته استفاده از شناسه method هم اهمیت زیادی دارد ولی در صورتی که از این شناسه استفاده نشود از مقدار پیش فرض آن یعنی get استفاده می شود در اینجا لیستی از شناسه های پر استفاده در تگ فرم آورده شده است Action: همانطور که گفته شد از این شناسه برای مشخص کردن صفحه پردازش کننده اطلاعات ورودی کاربر استفاده می شود.
Method: این شناسه طریقه ارسال اطلاعات را به فایل action مشخص می کند و شامل دو مقدار زیر است get : در این روش اطلاعات از طریق آدرس صفحه (نوار آدرس) ارسال می شوند.
به این صورت که اطلاعات وارد شده در فرم پس از یک علامت سؤال بعد از آدرس صفحه action قرار می گیرند و ارسال می شوند.
از این روش نمی توان برای اطلاعات طولانی یا کاراکترهای غیر ASCII استفاده کرد.
همچنین بهتر است برای اطلاعات مهم از قبیل نام کاربری و کلمه عبور هم از این روش استفاده نشود.
چون در این صورت این اطلاعات در نوار آدرس مرورگر نمایش داده می شوند.
post : این روش برای ارسال اطلاعات از آدرس صفحه استفاده نمی کند.
مزیت این روش نسبت به روش قیل امنیت بیشتر به دلیل عدم نمایش اطلاعات ارسالی به کاربر و همچنین امکان ارسال اطلاعات طولانی تر است name : از این شناسه برای تعریف کردن یک نام منحصر به فرد برای فرم استفاده می شود Target: این شناسه روش باز شدن صفحه پردازشگر اطلاعات را مشخص میکند.
می توان برای مقدار این شناسه از نام یک فریم برای باز شدن صفحه action در آن فریم استفاده کرد یا از مقادیر از پیش تعریف شده زیر blank_ : صفحه action در یک پنجره جدید باز خواهد شد.
self_ : صفحه action در فریمی که فرم در آن قرار دارد باز خواهد شد.
parent_ : صفحه action در frameset محتوی فرم باز خواهد شد.
top_ : صفحه action در تما پنجره باز خواهد شد علاوه بر شناسه های بالا که فقط مربوط به فرم هستند از شناسه های استاندارد زیر نیز می توان در تگ فرم استفاده کرد id, class, title, style, dir, lang, xml:lang رویدادهای زیر هم در تگ فرم قابل استفاده هستند onsubmit, onreset, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, استفاده از موزیک در صفحه برای قرار دادن صدا و موزیک در صفحه دو راه وجود دارد: راه اول این است که شما می توانید یک لینک به فایل موزیک ایجاد کنید تا افراد بتوانند آنرا دانلود کنند و سپس به آن گوش دهند.
راه دوم جاسازی کردن موزیک در صفحه است در ابتدا به اولین روش می پردازیم فرض کنید می خواهیم یک فایل صوتی با نام example.mid را در صفحه قرار دهیم.
در صورتی که فایل در همان پوشه صفحه قرار داشته باشد می توانیم به این صورت عمل کنیم متن لینک موزیک به این طریق می توان یک لینک به یک فایل موزیک ایجاد کرد.
در این مثال ما از یک فایل MIDI استفاده کردیم، همین کار را می توان با فایلهایی با پسوند، wav و aud و اغلب فرمتهای صوتی انجام داد.
کاربر پس از باز شدن صفحه لینکی مشابه زیر را خواهد دید که با کلیک کردن بر روی آن دانلود فایل موزیک شروع می شود احتمالاً پس از اتمام داتلود فایل پنجره جدیدی باز می شود و شروع به پخش فایل می کند.
کاربر بسته به plug-in هایی که دارد ممکن است توانایی جلو و عقب بردن موزیک و متوقف کردن آنرا نیز داشته باشد.
در این حالت کاربر توانایی ذخیره فایل صوتی را مانند یک تصویر دارد.
کاربر می تواند پنجره جدید را ببندد و به ادامه بازدیدش از سایت بدون صدای موزیک بپردازد.
مشکل این روش این است که کاربر باید لینک موزیک را کلیک کند و صبر کند تا آن دانلود شود.
البته این مسئله در مواقعی که شما آهنگهای زیادی در صفحه خود دارید می تواند به کاربر کمک کند تا آهنگ مورد علاقه خود را پیدا کند جاسازی موزیک در صفحه: این روش برای پخش یک آهنگ در صفحه روش مناسبی است چون به کاربر اختیارات بیشتری نسبت به یک لینک می دهد.
در این روش می تان رابط صدا در صفحه را طوری تنظیم کرد که به صورت خودکار شروع به پخش موزیک کند و یا موزیک را تکرار کند یا آنرا فقط یک بار پخش کند.
برای اجرای این روش باید از تگ EMBED استفاده کنید.
این تگ مانند تگ عکس مورد استفاده قرار می گیرد.
ابتدا باید منبع صدا را مشخص کنیم و بعد در صورت نیاز به تگ فرمانهایی را بافزاییم برای نمونه به تگ زیر نگاه کنید این تگ به مرورگر می گوید تا فایل صوتی را همان جایی که شما تگ را قرار داده اید در صفحه قرار دهد.
در این روش نیز شما مجبور نیستید صرفاً از فایلهای MIDI استفاده کنید و می توانید از فرمتهای دیگر استفاده کنید.
همانطور که می بینید در این تگ فرمان " "=src مشخص کننده محل قرار گیری فایل صوتی در سایت شما است.
شما می توانید از آدرس کامل فایل در اینجا استفاده کنید یا اگر فایل و صفحه ای که می خواهید فایل در آن شنیده شود در یک پوشه هستند می توانید از نام فایل استفاده کنید width : این فرمان تعیین کننده عرض فایل صوتی در صفحه است.
شما با قرار دادن یک عدد در مقیاس پیکسل بین دو دابل کوت این فرمان می توانید تعیین کنید فایل شما با چه میزان عرض در صفحه به نمایش درآید height : این فرمان تعیین کننده ارتفاع فایل صوتی در صفحه است.
شما با قرار دادن یک عدد در مقیاس پیکسل بین دو دابل کوت این فرمان می توانید تعیین کنید فایل شما با چه میزان ارتفاع در صفحه به نمایش درآید.
معمولاً برای این فرمان از ارتفاع 60 پیکسل استفاده می شود "autostart="true مرورگر را وادار می کند تا بلافاصله پس از بارگذاری صفحه شروع به پخش فایل صوتی کند.
شما می توانید این گزینه را با قرار دادن مقدار false به جای true غیر فعال کنید.
معمولاً این گزینه به طور پیش فرض غیر فعال است.
"loop="true این فرمان مرورگر را وادار می کند پس از به اتمام رسیدن فایل دوباره از اول آنرا اجرا کند، و این عمل تا هنگامی که صفحه باز است یا کاربر دکمه توقف را کلیک نکرده است ادامه پیدا می کند.
شما می توانید با قرار دادن false به جای true این گزینه را غیر فعال کنید.
البته معمولاً این گزینه به صورت پیش فرض غیر فعال است "hidden="true این فرمان به مرورگر دستور مخفی کردن رابط گرافیکی پخش صدا را می دهد.
در این صورت کاربران نمی توانند برنامه ای را که صدا را پخش می کند و همچنین دکمه های کنترل آنرا ببینند.
در این صورت صدا تا زمانی که به پایان نرسیده یا تا زمانی که تنظیم شده باشد پخش می شود و کاربر نمی تواند از پخش آن جلوگیری کند.
این گزینه با قرار دادن false به جای true غیر فعال می شود.
به صورت پیش فرض هم این گزینه غیر فعال است ایجاد متن های متحرک در صفحه HTML تگ به شما اجازه می دهد که یک متن را به دلخواه خود در صفحه به حرکت در آورید.
برای انجام این کار به جاوا اسکرپت نیاز ندارید.
تنها مشکل این است که مرورگرهایی که بر پایه Netscape ساخته شده اند، نمی توانند به طور کامل با این تگ سازگار شوند و در پاره ای از اوقات با آن مشکل پیدا می کنند و تنها متن بدون حرکت را نشان می دهند.
در اینجا می توانید کدی را که برای ساخت متن متحرک ستفاده می شود مشاهده کنید: متن مورد نظر خود را اینجا بنویسید شناسه "loop="infinte باعث می شود که متن تا هنگامی که صفحه باز است به حرکت خود ادامه دهد.
شما می توانید به جای این شناسه از "loop="-1 هم استفاده کنید شما می توانید تغییراتی را در این تگ ایجاد کنید به جای infinite در شناسه loop می توانید از اعداد استفاده کنید.
برای مثال "loop="2 به مرورگر می گوید که حرکت متن را پس از دو بار چرخش متوقف کند.
می توانید با وارد کردن شناسه " "=bgcolor به شما امکان این را می دهد که رنگ زمینه محلی را که متن در آن در حال چرخش است تغییر دهید.
می توانید برای تغییر رنگ زمینه از نام رنگ یا معادل هگزادسیمال آنها استفاده کنید.
به یک مثال توجه کنید: متن مورد نظر خود را اینجا بنویسید با اضافه کردن شناسه " "=width می توانید عرض متن متحرک خود را تعیین کنید.
در این شناسه می توانید از مقیاس پیکسل و یا در صد استفاده کنید متن مورد نظر خود را اینجا بنویسید تگ بالا می توانید یک متن متحرک با عرض 400 پیکسل و رنگ زمینه زرد ایجاد کنید.
متن مورد نظر خود را اینجا بنویسید با تگ بالا می توانید متنی متحرک با 50 در صد عرض پنجره مرورگر و با رنگ زمینه زرد ایجاد کنید استفاده از فریمهای نامرئی در صفحه اگر شما می خواهید در صفحه خود از فریمهای نامرئی استفاده کنید، یعنی نمی خواهید خط حاشیه فریمها قابل دیدن باشد باید چند فرمان را به تگ اضافه کنید و تگهای را آنطور که دوست دارید تنظیم کنید.
در اینجا می توانید کدی را که یک صفحه را با فریمهای نا مرئی می سازد می بینید مخفی کردن فریم در صفحه در تگ از شناسه های مختلفی می توان استفاده کرد که در اینجا لیست برخی از آنها را مشاهده می کنید: "border="0 این شناسه میزان ضخامت کادر اطراف فریم را تعیین می کند که ما در اینجا آنرا صفر قرار داده ایم "frameborder="0 مقدار حاشیه فریمها را صفر قرار می دهیم تا نمایش داده نشوند framespacing="0 فاصله بین فریمها را صفر قرار می دهیم تا بین آنها فاصله ای دیده نشود.
تنظیم پیج کد مورد استفاده در صفحه حتماً تا به حال با صفحاتی مواجه شده اید که به زبان فارسی نوشته شده اند، اما وقتی از آنها بازدید می کنید با کلماتی به هم ریخته و غیر قابل فهم مواجه می شوید.
دلیل این مشکل ناسازگار بودن Encoding انتخاب شده در مرورگر با زبان فارسی است.
این ناسازگاری ممکن است به دلیل کامل نشدن بارگزاری صفحه ایجاد شده باشد یا به دلیل اینکه در هنگام طراحی Encoding متناسب با زبان فارسی انتخاب نشده باشد یا اصلاً در طراحی صفحه هیچگزینه ای برای Encoding صفحه در نظر گرفته نشده باشد در اکثر مواقع می توانید صفحه مورد نظر را به روش زیر به صورت فارسی مشاهده کنید مرورگر اینترنت اکسپلورر در ویندوز (Microsoft Internet Explorer) : از منوی view گزینه Encoding را انتخاب کنید و گزینه utf-8 را کلیک کنید.
در صورتی که در لیست اولیه کد پیجهای مختلف نتوانستید utf-8 را مشاهده کنید نشانگر ماوس خود را روی گزینه More نگهدارید و utf-8 را از بین کد پیجهای مختلف پیدا کرده و روی آن کلیک کنید در سایر مرورگر ها هم به همین روش باید عمل کنید فقط مسیر منو ها کمی تفاوت دارد.
می توانید مسیر های زیر را دنبال کنید مرورگر فایر فوکس : (Firefox) view --> Character Encoding --> unicode (utf-8) یا view --> Character Encoding --> More Encodings --> Unicode --> Unicode (utf-8) مرورگر اپرا : (Opera) view --> Encoding --> Unicode --> UTF-8 البته اگر به این روش مشکل صفحه مورد نظر شما حل نشد به دلیل این است که صفحه با پیج کد دیگری نوشته شده است.
می توانید گزینه هایی مثل (Arabic(Windows رانیز امتحان کنید.
برای اینکه یک صفحه فارسی طراحی کنیم دو چیز را باید مد نظر قرار دهیم راست به چپ بودن صفحه برای اینکه یک صفحه راست به چپ طراحی کنیم می توانیم به چند طریق عمل کنیم.
استفاده از شناسه "dir="rtl در تگ از این شناسه در بسیاری از تگهای HTML می توان استفاده نمود.
در صورتی که صفحه ای راست به چپ باشد و بخواهیم از قسمتهای چپ به راست نیز در آن صفحه استفاده کنیم می توانیم از شناسه "dir="ltr استفاده کنیم.
استفاده از CSS برای تعیین direction صفحه مثلاً استفاده از یک استایل خارجی یا در بخش HEAD متن یا استفاده از شناسه "style="direction: rtl در تگهایی که می خواهیم به صورت راست به چپ نمایش داده شود تنظیم Encoding در هنگام طراحی صفحه برای تنظیم Encoding صفحه باید از یک متاتگ در بخش HEAD متن استفاده کنیم.
این متاتگ برای کد پیج utf-8 که بیشترین سازگازی را با صفحات فارسی دارد به صورت زیر است: اگر در طراحی صفحه ای از این متاتگ استفاده شود کد پیج utf-8 در مرورگر به صورت خودکار برای آن صفحه اعمال می شود.
نام کاراکترشکل ظاهری کاراکترکد سازنده کاراکترامپرسند&&علامت کپی رایت©©علامت ثبت شده®®علامت تجاری™™علامت کوچکتر از<علامت بزرگتر از>>علامت خنجر††--------------------»»--------------------««خط فاصله ام—علامت درجه°°یک چهارم¼¼یک دوم½½سه چهارم¾¾نقطه میانی··علامت تعجب وارونه¡¡علامت یورو€€علامت پوند انگلیس££علامت تقسیم÷÷علامت رادیکال√√کوچکتر و مساوی≤≤بزرگتر و مساوی≥≥بعلاوه منها±±علامت درجه°°