آموزش زبان تحت وب html(قسمت 2)
سلامی دوباره.
در این قسمت قراره دستورات اولیه ای که در اکثر برنامه ها نیاز می شوند را بیاموزیم!
ولی قبل از آن باید یک فایل نت پد++ را با نامی مثل index و نوعش را مثل تصور زیر hyper text markup language یا به اختصار html ذخیره کنیم.
برنامه ای که ما می نویسیم توسط مرورگر های اینترنتی( ترجیحاً فایرفاکس یا گوگل کروم به دلیل امکانات بیشتر) کامپایل(اجرا) می شوند پس اول باید به مرورگرمان بگوییم که ما داریم با html برنامه می نویسیم :
<DOCKTYPE html!>
ما در html چیز هایی به نام تگ داریم که درون <> قرار می گیرند و می توانند تکی باشند یا دو قسمتی که اگر تکی با شند یک علامت / قبل از < می گذاریم که پایان تگ را بگوید و اگر دوتایی باشد آنگاه یک علامت / بعد از علامت > تگ مکمل دوم می گذاریم. با این دو نوع تگ در آینده آشنا می شوید.
برای نشان دادن محدوده کد html از تگ دو قسمتی استفاده ی کنیم یعنی در شروع برنامه html مان و خط بعد از <DOCKTYPE html!> می نویسیم <html> و در پایان برنامه مان، می گوییم برنامه html ما تمام شد یعنی می نویسیم: <html/>
صفحات وبی که می نویسیم از دو قسمت head و body تشکیل شده و ما خواسته هایمان را در این دو به مرورگر می گوییم. محدوده این دو قسمت را هم به شکل تگ های 2 قسمتی مشخص می کنیم:
<head></head>
<body></body>
در قسمت head ابتدا این دستور را می نویسیم:
</ "meta charset="utf-8>
این دستور به تشخیص انواع مختلف حروف و ... ربط دارد و از ایجاد مشکل به دلیل آنها جلوگیری می کند.
حال صفحه ی ما نیاز به یک موضوع دارد که روی قسمتی که در تصویر زیر نشان داده ام نوشته می شود.
موضوع را در محدوده head و با تگ دو قسمتی title معلوم می کنیم برای مثال اگر موضوع صفحه ی ما html tutorials باشد این طور می نویسیم:
<title>html tutorials</title>
در قسمت body هم هرچه بنویسیم مستقیم به شکل چپ چین و با فونت معمولی در صفحه ی وبمان قرار داده می شود ولی پایان یک خط یا پاراگراف و رفتن به خط یا پاراگراف بعدی در هرجایی که خواستید با اینتر زدن در صفحه ی کدتان امکان ندارد و باید یک سری دستورات دیگر استفاده کنید.
برای ران کردن برنامه هم می توانید دکمه های ctrl+alt+shift+x یا ctrl+alt+shift+r را بزنید. همچنین می توانید Run در نوار ابزار بالای صفحه را بفشارید و بر روی Launch in firefox یا Launch in chrome کلیک کنید تا برنامه اجرا شود.
یک برنامه ی کلی از دستوراتی که این جلسه خواندیم را در این فایل نوت پد زیر نوشته ام و آپلود کرده ام که می توانید از آن استفاده کنید.
دریافت برنامه
عنوان: title and fist body
حجم: 396 بایت
در جلسه ی بعدی با روش رفتن به خط یا پاراگراف بعدی ، هدر ها و احتمالاً چند افکت ساده روی متن آشنا خواهیم شد.
با خیال راحت نظر بدید و از انتقادات و پیشنهادات به جایتان خیلی ممنون خواهم بود :-)
موفق و پیروز باشید!
اگر قبلا در بیان ثبت نام کرده اید لطفا ابتدا وارد شوید، در غیر این صورت می توانید ثبت نام کنید.