خانه / مقالات اموزشی / html / اموزش html قسمت دوم
آموزش HTML5
آموزش HTML5

اموزش html قسمت دوم

درس ۲ – ویرایش یک سند HTML

 

شما اولین سند HTML خود را ایجاد کردید . در این درس خواهید آموخت که چگونه با سرعت ، تغییراتی در سند خود ایجاد کنید و تغییرات را در مرورگر خود ببینید. بعد از آموزش این درس توانائیهای زیر را خواهید داشت :
۱- ایجاد یک محیط کاری
۲- تغییرات در سند HTML
۳- اجرای سند مرورگر برای دیدن تغییراتایجاد دوباره محیط کاری

برای تکمیل این درس شما نیاز به ایجاد یک پنجره مرورگر دوم و پنجره Editor متنی که در درس ۱ استفاده کردید دارید.
۱- یک پنجره جدید از مرورگر. به وسیله انتخاب گزینه New Window از منوی File .
۲- از گزینه Open برای باز کردن سند HTML که در قبل ایجاد کردید استفاده کنید.
۳- Editor متنی خود را دوباره باز کنید .

انجام تغییرات در سند HTML
۱- وارد شدن در پنجره Edit ویرایشگر متنی
۲- متن زیر را در درس قبل وارد کنید .
“در اینجا شما با یک سایت آموزشی – آموزش از را دور روبرو هستید
امیدواریم از این سایت لذت ببرید ”
نکته :
این متن بالای تگ < body / > و < html / > باشد.
بین < body > و < body / > نوشته می شود .
۳- از منوی فایل ، با انتخاب گزینه Save تغییرات خود را ذخیره کنید .

باز کردن سند در مرورگر

به محیط کاری مرورگر خود بازگردید . جایی که فایل قبلی شما نمایش داده شده است . توجه داشته باشید که متون جدیدی که شما وارد کردید، هنوز قابل رویت در پنجره شما نیست . برای دیدن این تغییرات از کلید Refresh استفاده کنید . در این صورت هر تغییری که ایجاد کرده اید را مشاهده می کنید .
ذکر این نکته ضروری است که مرورگر وب از کلیه فاصله ها و کاراکترهای خالی که در سند وارد کردید چشم پوشی می کند .
البته مشخص است که زمانی می رسد که شما نیاز دارید که جاهای خالی در سند خود را مابین پاراگرافها استفاده کنید که در درس ۴ این مطلب را می آموزید . شما می توانید فایل خود را در Desktop ذخیره کنید و از همانجا به اجرا در آورید .

نشانه گذاری عنوانگذاری HTML
n عددی است از ۱ تا ۶

مثال

در اینجا این نوشته ۶ درجه مختلف دارد . درجات این نشانه گذاری مابین درجات ۱ تا ۶ می باشد و در خارج از این رده تناقض دارید ،

جایگذاری عنوان ها در سند HTML

تذکر : اگر محیط کاری ندارد طبق آدرس قبل ایجاد کنید .
۱- محیط کاری باز کنید ( اگر هنوز باز نشده است )
۲- به پنجره ویرایشگر متنی بروید .
۳- پنجره HTML که در درس ۲ ایجاد کردید را باز کنید .
۴- این تگها را برای بزرگترنمایش دادن titlebar استفاده می کنیم .

۵- مطالب زیر را وارد کنید
درس ۳ :

۶- تغییرات خود را ذخیره کنید .
۷- به پنجره مرور گر باز گردید و سند را باز و Refresh کنید .

آزمایش

سند خود را با سند نمونه مقایسه کنید اگر بعضی ازنشانه گذاری ها اعمال نشده بود دوباره تگهای مربوط را اصلاح کنید .
از اشتباهات معمولی که در هنگام کار عملی در این درس پیش می آید عدم استفاده از در نشانه گذاریها است .
< h1 > lesson1 < h1 > علامت اسلش فراموش شده است اگر / در تگ فراموش شود . مرور گر آن متن را با این درجه نشان نمی دهد و برای اصلاح دوباره باید به سند باز گردید .

مروری بر مطالب

۱- درجه های مختلف نشانه گذاری حروف چه هستند ؟
۲- تگهای مرتبط با این درجات نشانه گذاری چه هستند ؟
۳- چه مراحلی را بایدبرای ایجاد متون با سایزهای مختلف دنبال کنید .
۴- اگر / را فراموش کردید چه باید کنید ؟

تمرین :

در سند HTML خود از ۳ درجه نشانه گذاری استفاده کنید.

درباره آموزشگاه نوین آی تی

همچنین ببینید

آموزش برنامه نویسی جاوا

نحوه نام گذاری متغییر های جاوا

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

دیدگاهتان را بنویسید

علی طاهری آموزشگاه طراحی سایت نوین آی تی 021-88283800 info(@)novin-it.net