atash75
مــدیـر بـازنشـسـتـه
- تاریخ ثبت‌نام
- Jan 25, 2014
- ارسالی‌ها
- 4
- پسندها
- 1
- امتیازها
- 0
- محل سکونت
- اهواز سیتی
- تخصص
- وبـــــــــ گردی
- مدل گوشی
-
- سیم کارت
-
- تیم ایرانی مورد علاقه
-
- برند گوشی
-
- تیم باشگاهی مورد علاقه
-
- تیم ملی مورد علاقه
-
- جنسیت
-
- نوع آنتی ویروس
-
- ماه تولد
-
«به نام خدا»
آموزش زبان برنامه نویسی وب
جلسه اول آموزش زبان برنامه نویسی وب
دراین دوره اموزشی قصد دارم. ابتدا شما را با مفاهیم پایه زبان برنامه نویسی وب html اشنا کنم وپس از ان به سراغ مباحث پیشرفته تر بروم .
html چیست ؟
زبان برنامه نویسی (html (heper text markup language یا زبان نشانه گذاری فرا متن در کنار css هسته ساخت صفحات وب را تشکیل می دهند.
هر یک از برچسب های اچ تی ام ال، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می گذارند؛ مثلاً برچسب هایی برای تغییر شکل ظاهری متن، نظیر درشت و ضخیم کردن یک کلمه یا برقراری پیوند به صفحات دیگر در اچ تی ام ال تعریف شده اند..
برچسب های (tags) زبان html به چند دسته تقسیم می شوند :
1- تگهای پایه (basic )
<!DOCTYPE> :برای تعریف نوع سند
<html> سند html را مشخص میکند .
<title> عنوان صفحه را مشخص می کند همان عنوانی که در بالای صفحات وب دیده می شود.
<body> بدنه اصلی سند را مشخص میکند (تمام عناصر قابل مشاهده در صفحه وب در این برچسب (tag) قرار می گیرد .
<h1> to <h6> سر تیترهای سند را براساس اهمیت مشخص میکند .(از h1 با اهمیتترین تا h6 کم اهمیترین )
<p> برای پاراگراف بندی از این تگ استفاده می شود .
ادامه جلسه اول
نمونه ای از کد های نوشته شده به زبان html
کد:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>هر صفحه وب از دو قسمت تشکیل میشود
قسمت head : تشکیل شده است از تگ های title,meta,link,... این قسمت توسط مرورگر خوانده میشود ولی نمایش داده نمی شود.
قسمت body : قسمت بدنه در این قسمت تمام اطلاعاتی که قرار است نمایش داده شود نوشته می شود
خروجی کد فوق به صورت زیر است
My First Heading
My first paragraph.
ساختار صفحات وب :
در زیر تصویری از ساختار صفحات وب در زبان html را مشاهده میکنید .
<html> <body> <h1>This a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
ورژن های html
| Version | Year |
|---|---|
| HTML | 1991 |
| HTML+ | 1993 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML | 2000 |
| HTML5 | 2012 |
تگ <doctype> به مرورگر کمک می کند که نوع سند را مشخص کند .
در زیر انوا تعاریف سند را مشاهده می کنید
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
خب در جلسه بعدی برنامه نویسی وب را شروع می کنیم . سعی میکنم اموزش را همراه با مثال های بسیار پیش ببرم
خب تا جلسه بعدی بای .
آخرین ویرایش: