صفحه نخست | آرشيو مطالب | English / العربیة / French
Translate This Page To English
تبدیل هذه الصفحة إلی لسان العربیة
Traduire cette page en français


اندازه قلم: گ گ گ
:تغییر رنگ
تغییر رنگ تا اطلاع ثانوی بسته است

  • سر دفتر
  • اللهم صل علی محمد و آل محمد و عجل فرجهم
  • صندوق پیام ها
  • صندوق پیام های پایگاه محلی برای نظرات کلی شما پیرامون پایگاه با نمایش عمومی
  • آخرین مطالب
  • مشاهده عناوین آخرین مطالب ارسال شده
  • تماس با ما
  • ارتباط آسان و سریع با پست الکترونیک من
در حال تکمیل

آموزش HTML - شماره 1 
موضوع: شنبه پانزدهم تیر 1392 18:49

آموزش HTML

سلام به تمام بازدیدکنندگان عزیز

تصمیم گرفتم چیزای کمی که از زبان HTML رو یاد گرفتم به یاری خدا

برای شما بنویسم تا شاید بتونم چندتا رو با این زبان آشنا کنم . البته در حضور مدیر فنی میراث

من کوچیکمااااااااا ولی ایشون وقت ندارن واسه همین من اینکارو به عهده گرفتم .

امید به خدا ... آموزش برای همه هست ، حالا اگه کسی در راه نادرست استفاده کرد

بدونه که رضایت ندارم ....

خوب برای گشت و گذار در فضای مجازی باید از یه سری مرورگر (Browser) استفاده کرد .

زبان دستوریه این مرورگرها ، زبان HTML و چندین زبان دیگر است .

می توان گفت که HTML مادر تمام زبان هایی هست که در صفحات وب به کار می ره .

برای شروع بهتره از خود كلمه HTML شروع كنيم .

  • HTML مخفف چيست ؟

HTML مخفف كلمه ی Hypertext Markup Language است .

  •  فایل HTML ، فایل متنی (text) و شامل مجموعه ای از تگ های

سازنده هست ، و با پسوند  htm يا html مي باشند .

پيشنهاد مي شه هنگام ذخيره از پسوند htm استفاده بشه .

فايل HTML  رو با هر ويراشگر ساده متنی (مثل : Notepad) قابل ایجاد

و ویراش است .

اگه دقت کنید در اول تمام قالب های وبلاگ و تمامی صفحات وب می تونین ببینید که

با این تگ < HTML > و يا < html > شروع شده و اين نشان دهنده همينه كه

 HTML  مادر زبان ها در صفحات وب هست .

  • خوب برای دیدن کد HTML يك صفحه در وب چه کار کنیم ؟

در مرورگر Internet Explorer می تونید در قسمت MenuBar از گزینه ی View ،

Source را انتخاب کنید و در پنجره جدید دستورهای آن صفحه را ببینید .

Internet Explorer ----» MenuBar ----»  View ----» Source

به هر قسمت كوچك (کاراکتر یا یه چیزی تو این مایه ها) از دستورات زبان HTML  تگ مي گويند .

نمونه :

< HTML > يا < html > يك تگ به شمار می آید . < Table > يا < table > تگ جدول هستند .

بخوام خلاصه بگم مثل یه فرمول این طوری میشه :  < tag > يا < و >

تگ ها دارای شناسه و مقدار است : مثال : < "html dir="rtl > يا < "مقدار"=شناسه     تگ >

بهتر است مقدار شناسه بین " " باشد. (نباشه هم کار میده ، ولی باشه بهتره)

 

نكته :

1. در زبان HTML بزرگ یا کوچک بودن حروف انگلیسی تفاوتی ندارد و

در دو حالت یکسان است . < HTML > = < html >

ولی بهتره توی نوشتن الگوی خاصی به کار ببرید مثلا همه رو کوچیک بنویسید .

2. تگ ها و دستورات مانند < HTML > بدون فاصله هستند .

من اينجا با فاصله می نویسم ، چون اگه بدون فاصله باشن احتمال داره عمل کنن

و دیگه نشان داده نشوند .

مثلاْ تگ < HR >  که برای ایجاد خط به کار میره ، اگه بدون فاصله نوشته بشه

اینطوری میشه :


  پس دقت کنید !!!!!!!!!!

 

در یک صفحه وب اولین تگ ، تگ < HTML > است .

از شناسه های این تگ می توان dir اشاره کرد . مقدار هایی که برای این شناسه می توان وارد کرد

rtl = Right TO Left (راست به چپ) < "html dir="rtl >

ltr = Left To Right (چپ به راست) < "html dir="ltr > (این حالت پیش فرض قرار داره)

وقتی شناسه را مساوی مقدار اول (rtl) قرار دهیم ، مرورگر دستورات رو از راست میچینه

یعنی اینکه هر دستوری رو که می خونه از راست اجرا می کنه و چیدمان صفحه از راست شروع میشه

مثلا در مقدار اول اگر ۴ عکس داشته باشیم ، اولین عکس سمت راست و بعدی در کنار اون

تا الی آخر ، ولی در مقدار دوم که پیش فرض هست و خودکار مرورگرها از چپ چیدمان می کنند

اولین تصویر در سمت چپ قرار می گیره .

 

دومین تگ که زیر مجموعه تگ < html > به حساب و بعد از آن می آید ، < HEAD > است .

بخوام ساده بگم کد هایی که در این قسمت یعنی بعد از < HEAD > قرار می گیره

به طور مستقیم نشون داده نمی شن و مثل افراد پشت صحنه در برنامه های تلویزیونی می مونن .

< head > محل قرار گرفتن تگ های عنوان صفحه ، تگ های متا (Meta Tags)

و کدهای جاوا اسکریپت می باشد .

نکته : تگ ها دو دسته هستند :

۱. تگ هایی که نیاز به بستن ندارند . مانند : < br >

2. تگ هایی  که یک بار باز می شوند و یکبار بسته می شوند . دارای مکمل اند.

به طور معمول با گذاشتن اسلش ( / ) در سمت چپ بسته میشن .

گاهی به خاطر نبستن یک تگ کل صفحه مختل میشه . نمونه :

باز :      < HEAD >    بسته :   < HEAD />

تگ < head > جزو دسته دوم است . (دارای تگ مکمل است.)

پس کد هایی که بین تگ < head > و < head/ > قرار میگیرن افراد پشت صحنه هستنن .

از تگ های زیر مجموعه تگ < head > مي تونم < title > رو نام ببرم .

< title > هم جزو دسته دومه تگ هاست و نياز به بستن داره !!!

خوب حالا بستن تگ  < title > چجوريه ؟

< title > تيتر يا همون موضوع صفحه يا وبلاگ و ... رو مشخص مي كنه .

< title > از همه چي از همه جا < title/ >

تیتر سایت میراث هست .

< style > از ديگر زير مجموعه های تگ < head > هست .

اين تگ هم احتیاج به بستن داره و میشه گفت باطن وبلاگ رو مشخص می کنه .

اسمش روش هست استایل : < style >  < style/ >

ولی کارهای دیگه هم ازش بر میادا  . در آموزش های بعدی بیشتر در موردش می  نویسم .

< meta > هم یکی دیگه از زیر مجموعه های < head > هست .

تگ های متا برای معرفی صفحه یا وب به موتورهای جستجوگر ،

پیوند صفحه به صفحه دیگه بصورت خودکار

و دادن جلوه های ویژه در زمان ورود یا خروج از صفحه یا وب کاربرد دارن .

 


 توجه : كپي برداری فقط با ذکر صلوات برای سلامتی امام زمان (عج)

و ذکر منبع (ميراث : www.Mirass.ir) مجاز است .

در غير اين صورت مورد رضايت من نيست .




برچسب‌ها: آموزش اچ تي ام ال, html, آموزش html

نوشته شده توسط (M.Y.M) | لینک ثابت |


اگر مطالب این وبلاگ را دوست دارید و آن را دنبال می کنید به شما پیشنهاد می‌کنم این کار را با استفاده از خوراک انجام دهید تا درکنار اطلاع سریع از به‌روز رسانی وبلاگ بدون مراجعه به وبلاگ مطالب را بخوانید.
خوراک
Copyright 2014 mirass.ir