عضویت سریع
:: مقالات
/ افسر جنگ سایبری در شنبه 29 آذر 1393 / تعداد بازدید : 371
مقدمــه HTML و کار کردن روی متن و پاراگراف
نویسنده : ریحانه.بیدرام
کپی برداری فقط با ذکر نام نویسنده و منبع مجاز است .
---------------------------------------------------
HTML >> HyperText Markup Language
اچ تی ام ال >> زبان برنامه نویسی مبتنی بر تگ (برچسب) - زبان نشانه گذاری هایپر تکست
یک عنصر html از یک جفت تگ (Tag) باز و بسته تشکیل می شود .
برای شروع نوشتن ، باید یک محیط جهت تایپ برنامه داشته باشیم . ابتدا در Notpad کار می کنیم . پس :
- روی صفحه دسکتاپ خود راست کلیک کرده گزینه new و سپس ایجاد یک فایل تکست جدید (new text )
- تغییر نام فایل ساخته شده به فایل تکست با پسوند html . یا htm.
مثال : filename.html
** زبان هایپرتکست case sensitive نیست ، یعنی به بزرگی و کوچکی حروف حساس نیست.
درون براکت های زاویه دار < > محتویات قرار می گیرد .
کل کدهای HTML مابین تگ های اچ تی ام ال ، بدنه و ساختاری قرار می گیرند . به ترتیب زیر :
تگ های باز <HTML> <body> <head> و تگ های بسته ی </head></body></HTML>
تگ بدنه : <body>
همان طور که ترتیب تگ ها را مشاهده می کنید ، ایتدا آخرین تگی که نوشته شده بود بسته شده است یعنی تگ <head> که بصورت </head> بسته شد.
این زبان حاوی خاصیت ها (Attributes) می باشد : خاصیت را بصورت یک جفت نام-مقدار بیان می کنیم . بطوری که نام خاصیت سمت چپ و =مقدار سمت راست آن قرار می گیرد. مقدار خاصیت بین کوتیشن مارک " " قرار می گیرد .
تعریف هایپر لینک < مثال : <a href="http://mywebsite.ir/"> آدرس وب سایت من </a>
به این صورت ، نوشته و یا کلمه یا تصویر شما که مابین این تگ هایپرلینک قرار بگیرد بصورت لینک خواهد بود و وقتی موس را روی آن ببرید به علامت انگشت تغییر خواهد کرد و پس از کلیک کردن همان وب سایتی ک شما آدرسش را در مقدار href دادیدباز خواهد شد.
-----------------------------------
نحوه کار ما به گونه ای است که از گام های ساده شروع کرده و گام به گام ، قدم های بزرگ تر را با هم بر می داریم و با ترکیب کردن آموخته های ابتدایی برنامه ها و طراحی های بزرگتری انجام خواهیم داد .
با ایجاد یک پاراگراف شروع می کنیم :
برای ایجاد پاراگراف از تگ های <p> و <p/> استفاده می کنیم.
بین دو تگ باز و بسته متن مورد نظر را می نویسیم و روی آن ویرایش هایی انجام می دهیم .
اتریبیوت های زیر برای کار کردن روی متن مورد استفاده قرار می گیرند :
بزرگ کردن حروف <big> </big>
کوچک کردن حروف <small> </small>
خط زیر متن انداختن (Underline) از تگ های <ins> </ins>
خط روی متن (strikethrought) از تگ های <del> </del>
کج کردن حروف (italic) از تگ های <i> </i> و هم چنین تگ های <em> </em>
پررنگ کردن حروف (Bold) از تگ های <b> </b> و هم چنین تگ های <strong> </strong>
برای ایجاد خط های جداکننده بین پاراگراف ها می توانید از تگ های باز و بسته ی <hr> </hr> و یا تک تگ <\ hr> مابین دو پاراگراف استفاده کنید .
برای فاصله دادن خط اول پاراگراف از حاشیه (از نکات نگارشی) می توانید از این کد قبل متن خود استفاده کنید :
برای اینکه به مقدار دلخواه فاصله اعمال شود می بایست چندین بار این کدرا کنار هم و قبل از متن کپی کنید . به این صورت :
<p> my name is RZ.B . </p> <hr \>
نکته 1 : برای مشاهده خروجی کدهایی ک در نوت پد تایپ کردید ، روی فایل تکستی که با پسوند .html ساخته بودید راست کلیک کنید ، open with و یک مرورگرها انتخاب کنید . اگر مرورگر در گزینه های اوپن نبود >> choose defaulte program را زده ، بعد زبانه ی other program را بزنید و مرورگر (اکسپلورر ، موزیلا ، اوپرا و ... ) را انتخاب کرده و ok کنید . توجه داشته باشید قبل از اوکی کردن تیکused the program always را برداشته باشید.
نکته 2 : اگر هنگام مشاهده ، در خروجی کدها و تگ هایی که نوشته بودید نشان داده شد باید این اقدامات را جهت تصحیح آن انجام دهید:
my computer > کلید alt > tools menu > folder option > Hide entensions for known file types > Ok
باید تیک را در گزینه Hide enten.... بردارید و اوکی کنید.
**درصورت داشتن سوال یا مشکل ، در قسمت نظرات زیر همین پست و یا از طریق منوی ارتباط با ما مشکلتان را ارسال کنید تا پاسخ داده شود.
قسمت بعدی به زودی در وب قرار خواهد گرفت .
نظرات شما عزیزان:
:: موضوعات مرتبط: جبهه سایبری صفر و یکی ها , آموزش , برنامه نویسی , آموزش HTML , ,
برچسب ها : آموزش ، اچ تی ام ال ، HTML ، زبان برنامه نویسی ، طراحی وب ، HTML5 ، جدید ، جبهه سایبری صفر و یکی ها,
درباره ما
جنگــ امروز جنگــ صفر و یکی هاستــ !
آمار بازدید
-
:: کل مطالب : 47
آمار مطالب
:: کل نظرات : 9
:: افراد آنلاین : 1
آمار کاربران
:: تعداد اعضا : 25
کاربران آنلاین
:: بازدید امروز : 44
آمار بازدید
:: باردید دیروز : 24
:: بازدید هفته : 44
:: بازدید ماه : 317
:: بازدید سال : 1051
:: بازدید کلی : 44764
-
دیگر امکانات
-
<-PollName->
<-PollItems->
-
