نوشتنHTML
برای نوشتن یک سند HTML از هر برنامه پردازشگر Word یا تصحیح کننده متن مثل برنامه های Teachtest یا Text Editir در کامپیوترهای MAC وNotepad یاWordpadمخصوص سیستم عامل Windows که براحتی با برنامه های مرتبط سیستم کار می کنند، می توان استفاده نمود.
همچنین می توان بوسیله یک تصحیح کننده صفحهweb مثل40tude Html یاPage Mail سند مورد نظر را ایجاد نمود.
تگهای HTML
تگها دستوراتی هستند که بین دو علامت کوچکتر(<)و یا="" بزرگتر(="">) نوشته می شوند«بدین وسیلهBrowser، متن مربوط به این دستورات را نشان می دهد.
مثال:تشریح یک دستور Html توجه داشته باشید که هیچگونه فضای خالی بین متن و علامتهای”>” ,”<” وجود="" ندارد="" همانطور="" که="" در="" این="" مثال="" می="" بینید="" متن="" بعد="" از="" دستور="" html(کلمهtomato="" از="" این="" دستور="" تبعیت="" نمی="">
Big Boytomato
تگهای بسیاری وجود دارد که از ابتدا باز شده و سپس بسته می شوند و متنی که ما بین آن دو قرار دارد ویژگی تگ را می پذیرد.
تگ اول هر دستور و تگ آخر آن مثل هم بوده و فقط در تگ آخر از یک سمبل«/» بعد از علامت”<” استفاده="" می="">
نشانه ها
تگهای بی شماری دارای نشانه های مخصوصی بوده که انتخابهای متنوعی برای متن داخل دستور اعمال می کند.
این نشانه ها بین کلمه دستور و علامت”>” نوشته می شود.
اغلب می توان یک سری از نشانه ها را درون یک تگ براحتی یکی پس از دیگری با گذاشتن تنها یک فاصله بین هر کدام نوشت در این صورت هیچگونه ترتیبی وجود ندارد.
مثال: بعضی از تگها می توانند از نشانه های اختیاری استفاده کنند تا فرمت مورد نظر را بدست آورد.
ارزشها
نشانه ها اغلب «ارزشهای متفاوتی» دارند و در بعضی موارد باید یک مقدار را از گروه خاص و کوچکی انتخاب نمود.
مثلاً نشانه Clear در تگ BR می تواند از ارزشهای Left و Right یا All استفاده کند.
و بجز این موارد ارزشهای دیگری قبول نمی کند.
مثال: در بعضی از تگها برای نوشتن ارزش آن نیازی به گذاشتن (“ “) نمی باشد.
مانند BR.
اما دیگر نشانه ها نوع مقداری که قبول می کنند بسیار محدود می باشند.
بعنوان مثال HSPACEکه نشانه تگ IMG است تنها اعداد صحیح را قبول می کند و SRC که نشانه دیگری از تگ IMG است تنها URL را بعنوان مقدار قبول می کند.
مثال: بعضی از تگها مثلIMG می توانند بیش از یک نشانه را بپذیرند.
توجه داشته باشید که image.gif درون دو گیومه قرار گرفته ولی 5 که عدد صحیح است نیازی به گیومه ندارد..
گیومه
بطور عمومی باید گفت که ارزشها باید درون دو گیومه قرار بگیرند -“ “- (البته گیومه” “ قابل قبول نمی باشد).
با وجود این، هرگاه مقدار (Value) فقط شامل حروف (A-Z,a-z) ، ارقام(9-0)- خط پیوند (-) و یا یک نقطه(0) بود، می توان گیومه را حذف نمود.
حروف بزرگ و کوچک
در تمامی کدهای HTML بصورت حروف بزرگ(A-Z) نوشته شده تا بتوانید آنها را از بقیه متون تشخیص دهید.
البته هیچ ضرورتی ندارد که شما اینگونه عمل کنید مگر اینکه احساس راحتی برای انجام آن بکنید،Browserها، کدهایHTML را چه با حروف کوجک و یا بزرگ و یا مخلوطی از دو حالت بنویسید، تشخیص می دهند.
توجه داشته باشید که در برنامه HTML یا XML این حالت بسیار حساس شده و باید تفاوتی بین حروف بزرگ و کوچک در نوشتن تگهای سندXML قائل شوید. توجه داشته باشید که در برنامه HTML یا XML این حالت بسیار حساس شده و باید تفاوتی بین حروف بزرگ و کوچک در نوشتن تگهای سندXML قائل شوید.
تگهای تودرتو در بعضی موارد تصحیح محتوای صفحه با استفاده بیش از یک تگ صورت می گیرد.
بعنوان مثال، ممکن است بخوهید از فرمت italic برای متن خود در سر صفحه استفاده کنید .
دونکته مهم را باید بخاطر بسپارید نمی توان هر تگی را درون تگ دیگر قرار داد.
بعنوان یک قانون کلی، تگهایی که در تمام یک پاراگراف اثر می کنند(web در اصطلاح به آن«سطح-بلوکه» می گویند) می توانند شامل تگهایی باشند که به قسمت کوچکتر مثلاً چند کلمه تأثیر بگذارند.
اما برعکس آن قابل قبول نیست.
ثالثاً ترتیب بسیار مهم بوده و تقریباً همه چیز می باشد هرگاه یک تگ را بستید آنگاه این تگ مرتبط با آخرین تگ باز شده باشد، به عبارت ساده تر،اولa سپسb بعد/b و در آخر/a .
مثال: برای اینکه اطمینان پیدا کنید که تگها بصورت صحیح نوشته شده اند، هر مجموعه را با یک خط به هم ارتباط دهید.
هیچ کدام از خطها نباید روی یکدیگر قرار بگیرند و یا همدیگر را قطع کنند.
هر مجموعه داخلی باید کاملاً درون مجموعه بیرونی باشد.
Correct(no overlapping lines): big boytomato Incorrect(the sets of tags cross over each other):big boy tomato فاصله گذاری Browserها هرگونه فضاهای خالی بین تگهای موجود در سند HTML را نادیده می گیرند.
پس می توان برای واضح تر کردن سند HTML نوشته شده در Notepad یا غیره بطور دلخواه از دکمه Enter (Return)یا Spaceبرای قرار دادن فاصله استفاده کرد.
به عبارت دیگر شما قادر نخواهید بود که روی دکه Enter یا Space برای ایجاد فضای خالی حساب باز کنید.
یعنی در سند HTML کلیک کردن دکمه Enterهیچ تقاوتی در Browser ایجاد نمی کند.
در عوض می توانید از تگ برای شروع هر پاراگراف جدید استفاده کنید.
اما نمی توان از چندین تگ p برای ایجاد فضای خالی بین پاراگرافها استفاده کرد.
تگهای اضافه براحتی نادیده گرفته می شوند.
در عوض، می توان از روشهایی برای تعیین مقدار فاصله مورد نیاز بین پاراگرافها استفاده کرد.
خصوصیت Line Break عموماً تگهای block-level دارای خاصیت منطقی و اتوماتیک قطع خط یا Line break می باشند.
بعنوان مثال، نیازی به استفاده از یک تگ پاراگراف(p) بعد از تگ سرصفحه(h) نمی باشد.
زیرا تگ H بطور اتوماتیک، کار تگ P یا BR را انجام می دهد.
در واقع تنها وقتی که بخواهیم، شیوه خاص را اعمال کنیم می توان از تگ p استفاده کرد.
بعضی از تگهای متداول فوق عبارتند از:.P,H1,BR,UL,Table نامهای فایل یک صفحه web چیزی جز یک سند متنی که با تگهای html نوشته شده نمی باشد.
مانند تمامی سندهای متنی دیگر، صفحه های web دارای نام فایل هستند که سند را به شما و به دیگر بینندگان معرفی می کند.
دو نکته مهم برای بخاطر سپردن نامهای فایل وجود دارد که بتوان به آسانی فایلهای html را سازماندهی کرد و دستیابی به آنها را سهولت بخشید.
نام فایل را با حروف کوچک بنویسید از آنجاییکه نام فایل که شما برای صفحه web خودتان انتخاب می کنید آدرس را مشخص می کند پس ملاقات کنندگان صفحه شما باید آنرا تایپ کنند پس سعی کنید که تا آنجا که می توانید آنرا راحت و ساده انتخاب و با حروف کوچک تایپ کنید.
این روش برای شما که طراح صفحه هستید و می خواهید پیوندهایی درون صفحه خود را ایجاد کنید.
بطور قابل ملاحظه ای پرکاربرد است.
مثال: همیشه بخاطر داشته باشید که برای انتخاب نام فایلتان از حروف کوچک استفاده کنید و در پایان با پسوندhtm,html آنرا ضبط کنید.
استفاده از حروف کوچک و بزرگ بطور همزمان در انتخاب نام فایل، تایپ کردن آنرا برای دیگران اندکی سخت تر می سازد.
Capital_punishment.html Capital_Punishment.html از پسوند مناسب استفاده کنید یک روش اصلی که Browser تشخیص می دهد که فایل یک سند متنی ساده است یا یک سند Html ، پسوند فایل است که باید بصورت Htm یا Html نوشته شود در صورتیکه فایل غیر از دو پسوند فوق داشته باشد مثلاً txt باشد، با آن مانند یک سند متنی معمولی رفتار میکند.
برای کاربران مکینتاش هم همینگونه می باشد.
اگر سیستم عامل Windowsشما همیشه سند شما را با پسوند واقعی نمایش نمی دهد در اینصورت صفحه Web را درون دو گیومه گذاشته و سپس ذخیره کنید.
تنها کاربران سیستم عامل Windows 3.1 محدود به Htm هستند ولی بقیه افراد می توانند براحتی با پسوند Html نیز قابل خود را ذخیره کنند.
مثال: فراموش نکنید که برای آدرس دهی پرونده ها و دایرکتوری ها نیز از حروف کوچک استفاده کنید.
http://www.yoursite.com/WebPages/TORRURE/Capital_Punishment.html ایجاد صفحه وب جدید برای ایجاد یک صفحهWEB به هیچ ابزار خاصی نیاز نیست.
از نرم افزارهای notepad ،Wordpad یا Simple text می توان در سیستم های Macintash وWindows استفاده کرد.
برای اینکه یک صفحه Web جدید ایجاد کنید یک برنامه word را باز کنید.
ابتدا fileو سپس دثص را برای ایجاد یک فایل جدید انتخاب کنید.
با استفاده از تگهای html برنامه مورد نظر خود را بنویسید.
فایل خود را با پسوند htm ذخیره کنید.
نکات مورد توجه در صورت تمایل از Microsaft Word نسخه 97 و 2000 و دیگر نسخه های آن استفاده کنید فقط باید در هنگام ذخیره فایل، با پسوند” .htm” یا “".html آنرا ضبط کنید.
اگر تمایل به استفاده از برنامه های page Mill یا Front page یا برنامه های دیگر دارید، می توانید کدهای HTML را در آنها بکار ببرید، فقط کافی است که File و New را انتخاب کرده و فایلی جدید را ایجاد کنید، سپس از تگهای Html استفاده کنید.
برای ایجاد تفنن در کار می توانید از برنامه های Homestie یا 40 tudehtmlدر سیستم عامل Windows و از BBedit در سیستم مکینتاش استفاده کنید.
این برنامه ها ، جستجوی قوی و تگهای Html اتوماتیک، چک کننده Syntax موجود در برنامه و دیگر شکل های مفید و کاربردی دیگر را دارا هستند.
دستور شروع کردن صفحه Web اولین قدمی که برای نوشتن صفحهweb نیاز است.
بکارگیری تگ html است.
این تگ محتوی متن داخل خود را بعنوان کدهای html قلمداد می کند.
برای شروع کردن صفحه web را تایپ کنید.
مقداری فضا برای ایجاد بقیه صفحه کنار بگذارید.
را تایپ کنید.
نکات مورد توجه می توان فایلی با تگ “html” بعنوان نمونه شروع برنامه در کامپیوتر ذخیره کرد تا از نوشتن مجدد این تگ در ایجاد هر صفحه جدید جلوگیری کرد.
در نسخه های قبلی html استفاده از تگ doctype برای بیان نسخه html پیشنهاد شد.
اما هیچگاه دلیلی برای استفاده از این تگ ارائه نشد.
استفاده از تگهای پایه ای و اکثر صفحات وب به دو قسمت سر و بدنه تقسیم می شوند در قسمت سر(head)، تیتر صفحه وب شامل اطلاعاتی درباره صفحه است که مورد استفاده موتورهای جستجو نظیر altavista می باشد، محل قرار گرفتن صفحه را تنظیم می کند، فرمت دهی پیشرفته برای صفحه را انجام می دهد و اسکریپتها را در آن می نویسند به غیر از تیتر صفحه که توسط دستور نوشته می شود بقیه موارد نمایان نمی شوند.
برای ایجاد قسمت سر(head) مستقیماً پس از نوشتن تگ ، تگ را تایپ کنید.
چند سطر خالی برای برنامه های لازم بگذارید.
تگ را ببندید.
بر قسمت بدنه (body) سند html، قسمتی که بینندگان صفحه می بینند، متن و گرافیک نوشته می شود.
برای ایجاد قسمت بدنه(head) بعد از تگ ، تگ را تایپ کنید.
چندین سطر برای نوشتن محتوی صفحه وب کنار بگذارید.
و سپس تگ را بنویسید.
نکات مورد توجه اگر چه تگهای head و body اختیاری هستند اما پیشنهاد اکید می شود که برای تعیین دو قسمت ذکر شده حتماً از آنها استفاده کنید درغیر این صورت قادر نخواهید بود برای صفحه خود تیتر مشخص تعیین کنید.
دلیل دیگر برای استفاده از این دو تگ را برای اجرای اسکریپت های مخصوص خواهید دید.
بکارگیری تگ هر کدام از صفحات html باید تیتر داشته باشند.
تیتر را همیشه بصورت کوتاه و توصیفی انتخاب نموده که در اغلب browserها، تیتر صفحه در قسمت تیتر پنجره نشان داده می شود.
اگر چه تیتر اهمیت زیادی را برای مشخص کردن مفهوم کلی صفحه داراست ولی برای موتورهای جستجو نظیرLYCOSوBIGFOOTوYAHOO و...
بسیار با اهمیت تر می باشد.
برای ایجاد یک تیتر باید نشانگر ماوس را ما بین تگهای شروع و پایان “Head” قرار داد.
تگ را تایپ کنید.
تیتر مورد نظر برای صفحه وب را تایپ کنید.
سپس در پایان تگ را تایپ کنید.
مثال: همانطور که در browserمشاهده می شود تگ تنها دستوری است که برای کاربران نمایان می شود.
این تگ یک دستور پرکاربرد و مورد نیاز است.
نکات مورد توجه تگ Title همیشه مورد نیاز است.
در تیتر نمی توان هیچ گونه فرمت، تصویر و یا پیوندی قرار داد.
تیتر صفحه بطور مستقیم، در طبقه بندی نمودن کاربران در ردیفهای اول نمایش داده می شود.
تیتر را باید با دقت کافی انتخاب نمود.
این نام در قسمتهای History List و Favorite List و منوی Bookmark ذخیره می شود.
هیچگاه از “:” یا”|” در تیتر خود استفاده نکنید.
زیرا در بعضی از سیستم های عامل این علامتها برای نام فایل قابل قبول نیست و قبل از ذخیره شدن از کامپیوتر خارج می گردد.
اگر تیتر صفحه شامل کاراکترهایی مثلACCENT یا «حروف غیرانگلیسی» هست.
بایستی فرمت این حروف را با استفاده از کدهای عدد یا اسمی نوشت.
سازماندهی صفحه درHTML ، 6 سطح طبقه بندی شده برای نوشتن تیترهای داخل صفحه از نظر اندازه فونت تعیین شده است.
اما اغلب موارد بیش از 3 سطح استفاده نمی شود.
برای سازماندهی داخلی صفحه Web در قسمت بدنه(body) سند html تگ که در آن n عددی از 1 تا 6 است.
با توجه به فونت مورد نیاز از نظر درجه تیتر، انتخاب و آنرا تایپ کنید.
اگر می خواهید محل قرار گرفتن تیتر را در صفحه مشخص